Joomla vs Dreamweaver

**Pit [reloaded]** · 27-01-2011, 22:16

Bueno, si no hay contraorden, arranco intentando programar el java script los.css serían:
/*estilos trabajo-2 uned
-*/
/*básicos
-*/
body {background:#ccc, font: 12px verdana, helvética, sans-serif;}
/*diapositivas
-*/
#contenedordiapues {
background-color:#ccc;
width:770px;
height:135;
Margin:0 auto;
overflow: hidden;
}
#diapues {
position:relative;
width:770px;
height:130px;
}
#diapues img {
position:absolute;
top:0px;
left:0px;
width:Inherit;
height:Inherit;
display:none;
}.
y el xhtml sería:.
<.doctype html public -//w3c//dtd html 4.01 transitional//en http://www.w3.org/tr/html4/lose, dtd>
html>
head>
meta http-equiv=content-type content=text/html, charset=utf-8>
title>trabajo-2 ejercicio-1</title>
<link href=, estilosdiapos, css type=text/css reel=styleshet />
</head>
<body>
<.- Contenedor diapues ->
div id=contenedordiapos>
<.- Diapues ->
div id=diapositivas>
img src=assets/fotociencias.jpg width=770 height=130 alt=uned id=c1 z-index=1 />
img src=assets/fotoderecho.jpg width=770 height=130 alt=uned id=c2 z-index=2 />
img src=assets/fotoeconomicas.jpg width=770 height=130 alt=uned id=c3 z-index=3 />
img src=assets/fotoeducacion.jpg width=770 height=130 alt=uned id=c4 z-index=4 />
img src=assets/fotofilologia.jpg width=770 height=130 alt=uned id=c5 z-index=5 />
img src=assets/fotofilosofia.jpg width=770 height=130 alt=uned id=c6 z-index=6 />
img src=assets/fotogeografiahistoria.jpg width=770 height=130 alt=uned id=c7 z-index=7 />
img src=assets/fotoindustriales130.jpg width=770 height=130 alt=uned id=c8 z-index=8 />
img src=assets/fotoinformática.jpg width=770 height=130 alt=uned id=c9 z-index=9 />
img src=assets/fotopsicologia.jpg width=770 height=130 alt=uned id=c10 z-index=10 />
/div>
.- Fin diapues ->
</div>
.- Fin contenedor diapues ->
</body>
/html>
.

-- IMÁGENES ADJUNTAS --

**MooDiE** · 27-01-2011, 22:32

Has mejorado mucho en la escritura del código. Ahora con javascript a ver qué tal.

**Pit [reloaded]** · 27-01-2011, 23:03

El array podría ser éste?:
// arrary que almacena las fotografías de las diapositivas VAR fotografías = [fotociencias.jpg, fotoderecho.jpg, fotoeconomicas.jpg, fotoeducacion.jpg, fotofilologia.jpg,
Fotofilosofia.jpg, fotogeografiahistoria.jpg, fotoindustriales130.jpg, fotoinformática.jpg, fotopsicologia.jpg"].

**MooDiE** · 27-01-2011, 23:07

El array podría ser éste?:
// arrary que almacena las fotografías de las diapositivas. VAR fotografías = [fotociencias.jpg, fotoderecho.jpg, fotoeconomicas.jpg, fotoeducacion.jpg, fotofilologia.jpg fotofilosofia.jpg, fotogeografiahistoria.jpg, fotoindustriales130.jpg, fotoinformática.jpg, fotopsicologia.jpg"].

Guarda en el array las ID, para luego usar dichas id con getelementbyid() y poder cambiar las propiedades de las imágenes.

**Pit [reloaded]** · 27-01-2011, 23:09

Y cómo guardo en el array las ID, no veo en la documentación cómo hacerlo se me habrá pasado, voy a buscarlo.

**MooDiE** · 27-01-2011, 23:14

<.doctype html public -//w3c//dtd html 4.01 transitional//en http://www.w3.org/tr/html4/lose, dtd>.

Html>.

Head>.
meta http-equiv=content-type content=text/html, charset=utf-8>.
title>trabajo-2 ejercicio-1</title>.
link href=, estilosdiapos, css type=text/css reel=styleshet />.
/head>.
body>.
.- Contenedor diapues ->.

Div id=contenedordiapos>.
.- Diapues ->.

Div id=diapositivas>.
img src=assets/fotociencias.jpg width=770 height=130 alt=uned id=c1 z-index=1 />.
img src=assets/fotoderecho.jpg width=770 height=130 alt=uned id=c2 z-index=2 />.
img src=assets/fotoeconomicas.jpg width=770 height=130 alt=uned id=c3 z-index=3 />.
img src=assets/fotoeducacion.jpg width=770 height=130 alt=uned id=c4 z-index=4 />.
img src=assets/fotofilologia.jpg width=770 height=130 alt=uned id=c5 z-index=5 />.
/div>.
.- Fin diapues ->.
/div>.
.- Fin contenedor diapues ->.
/body>.
/html>.

Los id son los que has puesto en el html.

VAR fotografías = [fotociencias.jpg, fotoderecho.jpg, fotoeconomicas.jpg, fotoeducacion.jpg, fotofilologia.jpg fotofilosofia.jpg, fotogeografiahistoria.jpg, fotoindustriales130.jpg, fotoinformática.jpg, fotopsicologia.jpg"].

Quedaría algo así:
Var photo_id = [ c1, c2, c10 ].

**Pit [reloaded]** · 27-01-2011, 23:14

Salvo que me digas que se puede hacer un array directamente con los ids:
// arrary que almacena las fotografías de las diapositivas.

Var fotografías = [c1, c2, c3, c4, c5,
C6, c7, c8, c9, c10"].

**Pit [reloaded]** · 27-01-2011, 23:16

Te me adelantaste. Bueno, estoy leyéndome despacio la documentación buscando cómo cargar las fotografías y pasarlas de ono a inline, o block ya veremos.
// arrary que almacena las fotografías de las diapositivas.
// uso el id para cargarlas más adelante con getelementbyid()
Var photo_id = [c1, c2, c3, c4, c5,
C6, c7, c8, c9, c10"].

**MooDiE** · 27-01-2011, 23:17

Salvo que me digas que se puede hacer un array directamente con los ids:
// arrary que almacena las fotografías de las diapositivas.

Var fotografías = [c1, c2, c3, c4, c5 c6, c7, c8, c9, c10"].

Pues sí, eso te he dicho.

**Pit [reloaded]** · 28-01-2011, 00:38

A ver, saco la primera imagen con: En head cargo:
script type=text/javascript src=js/ejerdiapos.js></script> donde he escrito:
// array que almacena las fotografías de las diapositivas.
// uso el id para cargarlas más adelante con getelementbyid() VAR photo_id = [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10"].
// entiendo que necesito que se cargue la primera fotografía function muestra () {
Var photo_id = document, getelementbyid(c1),
C1.style, display=inline;
}
En el body llamo a la función:
body onload=muestra ()> y abro la primera imagen mi problema es cómo decirle que se esté quieta 3 segundos antes de ocultarla y sacar la siguiente.

**MooDiE** · 28-01-2011, 01:30

Mi problema es cómo decirle que se esté quieta 3 segundos antes de ocultarla y sacar la siguiente.

Hace tiempo que no ejecuto algo cada cierto tiempo, pero si no recuerdo mal era con la función setinterval([nombre de la función], [tiempo en milisegundos]).

Para lo de ir ocultando tienes que hacer uso de las sentencias de control (while, for, if). La cuestión está en saber cómo funcionan y cual utilizar en cada caso, inténtalo y si no te sale publica y te echamos un cable.

**Pit [reloaded]** · 28-01-2011, 01:36

Sí, estaba precisamente mirándolas lo que ocurre es que no sé cómo indicar ese intervalo de 3000 milisegundos, en qué momento y cómo indicarlo sigo peleando.

**MooDiE** · 28-01-2011, 02:02

Sí, estaba precisamente mirándolas. Lo que ocurre es que no sé cómo indicar ese intervalo de 3000 milisegundos, en qué momento y cómo indicarlo.

Sigo peleando.

Prueba así a ver si funcionara, no estoy seguro:
<body onload=setinterval(muestra (), 3000)> .

**MooDiE** · 28-01-2011, 02:07

Por cierto, para saber si funciona correctamente introduce en la función muestra un mensaje de tipo alert() para saber si cada 3 segundos se llama a la función en cuestión ya que hasta que no tengas correctamente programadas las sentencias de control no te funcionaran las imágenes.

**JUANMAX** · 28-01-2011, 12:34

Ya, pero al menos, de momento quiero saber/intentar programar algo al final me apuntaron (un amigo)m a un curso de la uned y al menos el examen quiero intentar programarlo está claro que al final copiaré/pegaré scripts ajenos, pero al menos un intento de hacerlo yo solo pero sí, reconozco que me faltan neuronas para esto del java script.
(Que no es porque naciese con pocas, sino porque he machacado muchas con tanta golfería).

Eh quietor un momento, que yo no me refiero a copiar y pegar scripts ajenos si no a los tuyos propios, para copiar y pegar al menos has de saber cómo funciona la sintaxis del lenguaje que utilices opor lo menos saber lo que quieres o estas haciendo.
Ánimo que en poco tiempo lo veras todo más claro.

Y por si te sirve de algo, o quieres hacer algún juego, que sepas que el Unity 3d utiliza java script entre otros para programar, podrías meter DC en el Unity y hacer un juego además de lo que andáis haciendo.

**Pit [reloaded]** · 28-01-2011, 16:30

Vaya, Juanmax, lo de hacer scripts propios me doy con un canto en los dientes con saber de qué va eso te saber colocar y modificar scripts soy de bellas artes, esto me resulta mi duro.

**Pit [reloaded]** · 28-01-2011, 16:33

Modie, lo tengo. Lo he probado y funciona he cambiado display:none y display:inline por visibility:hidden y visibility:visible.

Queda así:
Los css:
/*estilos trabajo-2 ejercicio-1UNED (Universidad Nacional de Educación a Distancia).
-*/
/*básicos.
-*/
Body {background:#ccc, font: 12px verdana, helvética, sans-serif;}.
/*diapositivas.
-*/
#contenedordiapues {
Background-color:#ccc;
Width:770px;
Height:135;
Margin:0 auto;
Overflow: hidden;
}
#diapues {
Position:relative;
Width:770px;
Height:130px;
}
#diapues img {
Position:absolute;
Top:0px;
Left:0px;
Width:Inherit;
Height:Inherit;
Visibility:hidden;
}.

**Pit [reloaded]** · 28-01-2011, 16:38

Los. Js.
// array con los id de cada fotografía. VAR photo_id = [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10"];
// dos funciones para que se carguen onload desde el body.
// la primera hace visible la primera fotografía, que permanecía hidden al tener asignado #diapues img.
// la segunda alza el setinterval y asigna una duración de 3 sg a cada paso de diapositiva.
// la tercesa es la serie de los pasos de diapositivas.

Function comienzo () {
Window.c1.style, visibility=visible;
}
Function comienzo_serie () {
Window.setinterval(serie (), 3000),
}
Function serie () {
If(window.c1.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=visible;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=hidden;
Window.c5.style, visibility=hidden;
Window.c6.style, visibility=hidden;
Window.c7.style, visibility=hidden;
Window.c8.style, visibility=hidden;
Window.c9.style, visibility=hidden;
Window.c10.style, visibility=hidden;
}
Else if(window.c2.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=hidden;
Window.c3.style, visibility=visible;
Window.c4.style, visibility=hidden;
Window.c5.style, visibility=hidden;
Window.c6.style, visibility=hidden;
Window.c7.style, visibility=hidden;
Window.c8.style, visibility=hidden;
Window.c9.style, visibility=hidden;
Window.c10.style, visibility=hidden;
}
Else if(window.c3.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=hidden;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=visible;
Window.c5.style, visibility=hidden;
Window.c6.style, visibility=hidden;
Window.c7.style, visibility=hidden;
Window.c8.style, visibility=hidden;
Window.c9.style, visibility=hidden;
Window.c10.style, visibility=hidden;
}
Else if(window.c4.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=hidden;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=hidden;
Window.c5.style, visibility=visible;
Window.c6.style, visibility=hidden;
Window.c7.style, visibility=hidden;
Window.c8.style, visibility=hidden;
Window.c9.style, visibility=hidden;
Window.c10.style, visibility=hidden;
}
Else if(window.c5.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=hidden;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=hidden;
Window.c5.style, visibility=hidden;
Window.c6.style, visibility=visible;
Window.c7.style, visibility=hidden;
Window.c8.style, visibility=hidden;
Window.c9.style, visibility=hidden;
Window.c10.style, visibility=hidden;
}
Else if(window.c6.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=hidden;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=hidden;
Window.c5.style, visibility=hidden;
Window.c6.style, visibility=hidden;
Window.c7.style, visibility=visible;
Window.c8.style, visibility=hidden;
Window.c9.style, visibility=hidden;
Window.c10.style, visibility=hidden;
}
Else if(window.c7.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=hidden;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=hidden;
Window.c5.style, visibility=hidden;
Window.c6.style, visibility=hidden;
Window.c7.style, visibility=hidden;
Window.c8.style, visibility=visible;
Window.c9.style, visibility=hidden;
Window.c10.style, visibility=hidden;
} else if(window.c8.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=hidden;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=hidden;
Window.c5.style, visibility=hidden;
Window.c6.style, visibility=hidden;
Window.c7.style, visibility=hidden;
Window.c8.style, visibility=hidden;
Window.c9.style, visibility=visible;
Window.c10.style, visibility=hidden;
} else if(window.c9.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=hidden;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=hidden;
Window.c5.style, visibility=hidden;
Window.c6.style, visibility=hidden;
Window.c7.style, visibility=hidden;
Window.c8.style, visibility=hidden;
Window.c9.style, visibility=hidden;
Window.c10.style, visibility=visible;
} else if(window.c10.style, visibility==visible) {
Window.c1.style, visibility=visible;
Window.c2.style, visibility=hidden;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=hidden;
Window.c5.style, visibility=hidden;
Window.c6.style, visibility=hidden;
Window.c7.style, visibility=hidden;
Window.c8.style, visibility=hidden;
Window.c9.style, visibility=hidden;
Window.c10.style, visibility=hidden;
}
}.

**Pit [reloaded]** · 28-01-2011, 16:39

Y el código xhtml.
.doctype html public -//w3c//dtd html 4.01 transitional//en http://www.w3.org/tr/html4/lose, dtd>
html>
head>
meta http-equiv=content-type content=text/html, charset=utf-8>
title>trabajo-2 ejercicio-1</title>
link href=.diapositivas, css type=text/css reel=styleshet />
script type=text/javascript src=js/diapositivas.js></script>
/head>
body onload=comienzo (), comienzo_serie () >.
.- Contenedor diapues ->
div id=contenedordiapos>
.- Diapues ->
div id=diapositivas>
img src=assets/fotociencias.jpg width=770 height=130 alt=uned id=c1 z-index=1 />
img src=assets/fotoderecho.jpg width=770 height=130 alt=uned id=c2 z-index=2 />
img src=assets/fotoeconomicas.jpg width=770 height=130 alt=uned id=c3 z-index=3 />
img src=assets/fotoeducacion.jpg width=770 height=130 alt=uned id=c4 z-index=4 />
img src=assets/fotofilologia.jpg width=770 height=130 alt=uned id=c5 z-index=5 />
img src=assets/fotofilosofia.jpg width=770 height=130 alt=uned id=c6 z-index=6 />
img src=assets/fotogeografiahistoria.jpg width=770 height=130 alt=uned id=c7 z-index=7 />
img src=assets/fotoindustriales130.jpg width=770 height=130 alt=uned id=c8 z-index=8 />
img src=assets/fotoinformática.jpg width=770 height=130 alt=uned id=c9 z-index=9 />
img src=assets/fotopsicologia.jpg width=770 height=130 alt=uned id=c10 z-index=10 />
/div>
.- Fin diapues ->
/div>
.- Fin contenedor diapues ->
/body>
/html>.

**Pit [reloaded]** · 28-01-2011, 16:56

Me pongo con el siguiente. Modie, kashir, el reto web está más próximo.
ejercicio 2:.
crear una página web con un formulario donde se solicita el número del DNI, solo[/font]
números, y después de pulsar sobre un botón al dato introducido se le añade la letra..
la forma de obtener la letra del DNI consiste en usar el resto de la división del número
del DNI entre 23, valor entre 0 y 22, para acceder al carácter situado en esa posición
dentro de la cadena trwagmyfpdxbnjzsqvhlcket. .

.

**Pit [reloaded]** · 28-01-2011, 21:52

Por cierto, Modie, kashir veo que funciona igual: Function comienzo () {
C1.style, visibility=visible;
}
Function comienzo_serie () {
Setinterval(serie (), 3000),
}
Function serie () {
If(c1.style, visibility==visible) {
C1.style, visibility=hidden;
C2.style, visibility=visible, etc.

Que:
Function comienzo () {
Window.c1.style, visibility=visible;
}
Function comienzo_serie () {
Window.setinterval(serie (), 3000),
}
Function serie () {
If(window.c1.style, visibility==visible) {
Window.c1.style, visibility=hidden;
Window.c2.style, visibility=visible;
Window.c3.style, visibility=hidden;
Window.c4.style, visibility=hidden, etc.

Ese window, que en algunos sitios lo veo y en otros no. ¿Qué es?

**MooDiE** · 29-01-2011, 00:19

Ese window, que en algunos sitios lo veo y en otros no. ¿Qué es?

http://www.desarrolloweb.com/artículos/808.php.

He modificado un poco tu código javascript, aún se puede mejorar bastante, siguiendo un poco este método y de la forma que te propongo te será más fácil modificar/actualizar/mejorar el código.

// array con los id de cada fotografía.

Var photo_id = [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10"].
// dos funciones para que se carguen onload desde el body.
// la primera hace visible la primera fotografía, que permanecía hidden al tener asignado #diapues img.
// la segunda alza el setinterval y asigna una duración de 3 sg a cada paso de diapositiva.
// la tercera es la serie de los pasos de diapositivas.

Function comienzo () { tdocument, getelementbyid(photo_id[0]), style, visibility=visible.
}.

Function comienzo_serie () { tsetinterval(serie (), 3000).
}.

Function serie () { tvar index = 0, todo { VAR visible = document, getelementbyid(photo_id[index]), style, visibility, t if (visible == visible){ document, getelementbyid(photo_id[index]), style, visibility = hidden, t if (index < photo_id, length - 1){ document, getelementbyid(photo_id[index+1]), style, visibility = visible; } else { comienzo (), } t } t index++, t}while (visible == hidden && index < photo_id, length).
}.

Solo he probado con safari 5.0.3, Google Chrome 8 y Firefox 4.0. Con iExplorer no lo he probado por lo que no te aseguro que funcione, de iExplorer no me fío.

**MooDiE** · 29-01-2011, 00:25

Me pongo con el siguiente. Modie, kashir, el reto web está más próximo.
ejercicio 2:.
crear una página web con un formulario donde se solicita el número del DNI, solo[/font].
números, y después de pulsar sobre un botón al dato introducido se le añade la letra..
la forma de obtener la letra del DNI consiste en usar el resto de la división del número.
del DNI entre 23, valor entre 0 y 22, para acceder al carácter situado en esa posición.
dentro de la cadena trwagmyfpdxbnjzsqvhlcket. .

.

Este ejercicio si que es un paseo, se tarda más en leer el enunciado que en programarlo. Dale duro Pit que este es tuyo.

**Pit [reloaded]** · 29-01-2011, 11:09

Sí funciona en iExplorer antes de pasar al siguiente ejercicio voy a estudiar el tuyo. No puede ser que te hayas despachado lo mismo que yo y funcione. Con el 3% de las líneas que yo he escrito.

Es indignante.

**Pit [reloaded]** · 30-01-2011, 17:56

Modie, si tienes un rato, me ayudaría que me comentases el código del paso de diapositivas entiendo que has usado este esquema:
do {
Cuerpo_del_bucle
} while (condición)

pero, ya sabes que mi pobre cerebro esta algo perjudicado, y estoy intentando entenderlo.
.

**MooDiE** · 30-01-2011, 18:46

Vamos a ir explicando por partes.

VAR photo_id = [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10"].

Un array por normal general en informática se recorre desde 0 a n. En este caso como tiene 10 elemento se recorrería desde 0 - 9. Para coger el valor de una posición del array se realiza de la siguiente manera:
[nombre_variable][posición].

De modo que si hacemos esto:
Photo_id[0], obtendremos como resultado c1.

Photo_id[1], obtendremos como resultado c2.

Photo_id[9], obtendremos como resultado c10.

Si ponemos el nombre de la variable seguido de.length, obtendremos el número total de posiciones del array.

Photo_id, length, obtendremos 10. Al ser un array de 0 a 9 posiciones.

Es muy importante saber esto correctamente para comprender la funcionalidad de la variable index en el código y las condiciones de las diferentes sentencias de control.

En cuanto me prepare un cafelillo sigo con más, si te surge una duda ve publicando.

**Pit [reloaded]** · 30-01-2011, 18:57

En este momento, estoy deseando que me hija me llame para darla de cenar he estado todo el día en la sierra haciendo muñecos de nieve en medio de una nevada impresionante y al volver me puse y llevo un par de horas con for, while y do-while la verdad es que esto engancha, quién me lo iba a decir.

**Pit [reloaded]** · 30-01-2011, 19:22

Mientras te preparas el café. Te copio y pego el programa con mis comentarios, para que veas lo que entioendo, lo que no entiendo y en donde estoy perdido:
// array con los id de cada fotografía.

Var photo_id = [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10"].
/************************************************** ******
esta función se carga desde el body mediante un onload
para hacer visible la primera imagen
************************************************** **/ function comienzo () {
Document, getelementbyid(photo_id[0]), style, visibility=visible;
}.
/************************************************** *******************************
la función comienzo_serie se carga onload desde el body a continuación de la
función comienzo
para ejecutar de forma periodica la función serie
intervalo = 3000 milisegundos = 3 sg
************************************************** *****************************/ function comienzo_serie () {
Setinterval(serie (), 3000),
}.
// aquí defines una variable index que será la primera fotografía function serie () {
Var index = 0;
//aquí comienzas la sentencia do-while.

Do {
Var visible = document, getelementbyid(photo_id[index]), style, visibility.
/************************************************** ********
con la sentencia if le dices que cuando la visibilidad sea visible
la cambie a hidden
************************************************** *********************/ if (visible == visible){
Document, getelementbyid(photo_id[index]), style, visibility = hidden.
/************************************************** *
aquí me pierdo
creo que le estas diciendo que haga lo anterior hasta la fotografía 9 (Lenght - 1)
y que al llegar a la 10 -else- Se lance de nuevo la función comienzo
************************************************** *********************/ if (index < photo_id, length - 1){
Document, getelementbyid(photo_id[index+1]), style, visibility = visible;
} else {
Comienzo (),
}.
// el index++ que sigue no lo entiendo, no sé para qué lo pones aquí.
}
Index++.
/*****************************************
esto supongo que, es la condición final
que pareces decirle que sea cuando la visibilidad sea hidden en la fotografía 9
pero no estoy seguro
*********************************************/.
}while (visible == hidden index < photo_id, length),
}.

**MooDiE** · 30-01-2011, 19:22

He estado todo el día en la sierra haciendo muñecos de nieve en medio de una nevada impresionante.

Me da frío de pensarlo.

Function serie () {.

Var index = 0.

Al comenzar la función establecemos el índice a 0.

Do {.
obtenemos el valor css del elemento almacenado en el array. Primeramente posición 0, luego ira ampliándose la variable index de 1 en 1 con la sentencia index++ que es equivalente a index = index + 1.

Var visible = document, getelementbyid(photo_id[index]), style, visibility.
si la variable visible, tiene como valor visible.

If (visible == visible){.
la imagen de esa posición en el array se oculta.

Document, getelementbyid(photo_id[index]), style, visibility = hidden.
si el índice es estrictamente menor que el fin del array, qué significa que no es el último elemento del array.

If (index < photo_id, length - 1){.
el siguiente valor al valor del índice se pondría como visible.

Document, getelementbyid(photo_id[index+1]), style, visibility = visible.
} else {.
por el contraría si el elemento del array fuera el último, se mostraría el elemento inicial para volver a iniciar la secuencia.

Comienzo ().
}.
}.

Index++; se amplia el índice en 1.
}while (visible == hidden && index < photo_id, length), mientras la variable visible se hidden y el índice no llegue al final del array se repetirá todo esto. Con que uno de las dos condiciones no se cumpla se saldrá del array. Por lo que si la variable visible llega a contener visible como valor, quiere decir que ha encontrado el elemento que se estaba mostrando, lo ha ocultado y ha mostrado el siguiente por lo que ya no tiene sentido continuar en el bucle y finalizara.
}.

**MooDiE** · 30-01-2011, 19:27

Aquí me pierdo. Creo que le estas diciendo que haga lo anterior hasta la fotografía 9 (Lenght - 1). Y que al llegar a la 10 -else- Se lance de nuevo la función comienzo.
************************************************** *********************/.

If (index < photo_id, length - 1){.

Document, getelementbyid(photo_id[index+1]), style, visibility = visible.
} else {.

Comienzo ().
}.

Efectivamente si el index es 9 ya será el último elemento y no tiene sentido mostrar el index+1 ya que esa posición en ese array no existe. Por lo que llamo a la función comienzo para que muestre la imagen 0 de nuevo. Así en el siguiente intervalo de 3000ms volverá a ocurrir todo el proceso.

**Pit [reloaded]** · 30-01-2011, 19:48

Edito: entendido lo que preguntaba ahora me tortura:}while (visible == hidden && index < photo_id, length),
} mi pobre cerebro echa chispas con el and lógica.

**MooDiE** · 30-01-2011, 20:46

Esa sentencia and lo que quiere decir es que mientras se cumplan las dos condiciones se seguirá haciendo el bucle, si en algún momento alguna de las dos no es verdadera se saldría del while y acabaría la ejecución de la función, esperando al siguiente setinterval de 3s para que vuelva a ejecutarse.

Mientras la variable visible sea hidden y no se llegue al fin del array, se seguirá buscando en el array un id de fotografía hasta que se encuentre la propiedad visible con valor visible o se llegue al fin del array, lo que hace es que, si index por algún motivo cogiera un valor superior al número de elemento que tiene el array esa condición hará que se finalice el bucle y no se produzcan errores.

**Pit [reloaded]** · 30-01-2011, 21:06

Mañana me entra otro curre y tengo que ponerme pero dedicaré la tarde noche a seguir estudiando en cuanto haga un intento del ejercicio de DNI lo subo voy muy retrasado en el curso de la uned cosas que pasan cuando te matriculan a última hora y a traición pero creo que llegaré, espero.

**MooDiE** · 30-01-2011, 21:07

Yo creo que llegaras a tiempo, lo vas pillando rápido.

**MooDiE** · 11-02-2011, 21:21

Pit estoy preparándome este sistema y me he acordado de ti, http://expressionengine.com/ es un sistema que en principio para diseñar nuevas web no requiere de un uso avanzado de php como puede ser el caso de Wordpress o drupal. Los usuarios de este sistema hacen muchas veces referencia a él, como un sistema creado para diseñadores.

Esto no quiere decir que en un futuro no se pueda ampliar con php, incluso me gusta más como esta todo organizado. Es muy seguro y estable. ¿y dónde está el, pero Modie? Es de pago, en la web puedes ver las licencias y prestaciones, yo no lo veo caro. Llevo un par de días leyendo la documentación y estoy a punto de comprarme una licencia para probarlo. Si me la compro os escribiré más acerca de su funcionamiento.

Aquí la galería oficial de web realizadas con expression engine: http://show-e.com/ he encontrado auténticas joyas realizadas y la verdad que no sería nada difícil hacerlas en comparación con lo que tardaría con sistemas gratuitos.

Y hay un soporte de la web, por si tienes problemas con la programación y configuración del sitio, los técnicos de soporte oficiales están ahí para ayudarte a crear tu web, me ha gustado mucho eso de no tener que andar quebrándote la cabeza con problemas, buscando en foros, documentación y Google para resolver lo que al final era una tontería. ¿al fin y al cabo pagar por algo siempre tiene sus ventajas, ¿no?
Ya os iré contando más.

**Pit [reloaded]** · 12-02-2011, 18:55

Gracias Modie he parado el estudio por unos trabajos, uno lo acabo este fin de semana, y el otro es una decoración para un restaurante que estoy haciendo aquí en madfrid con Rebeca, ando con noches sin dormir empiezo a estar preocupado porque tenía que haber entregado ya el examen de javascript, pero es lo que hay, primero dar comer a la familia creo que ha media semana retomaré el javascript e intentaré hacer los dos ejercicios que quedaban antes de pasar al resto encima el arquitecto del estudio en el que hago los trabajos de arquitectura me ha pedido que le haga un formulario de esos como los de la imagen que te adjunto, pero que puedan subir un buen texto sé montarlo en xhtml y css pero para que se mande el formulario y les llegue de vuelta el contenido de la consulta habrá que poner algún script o algo, ¿no?
Como siempre, entregando unas informaciones y con un lío de bigotes con la decoración, me lo suelta así: oye mira a ver si sacas un rato y nos haces eso de una vez cómo me quito eso de encima para seguir con el javascript y continuar el programa que me marcaste al principio del hilo?

-- IMÁGENES ADJUNTAS --

**Pit [reloaded]** · 12-02-2011, 20:29

Sobre el http://expressionengine.com/ le hecho un vistazo, si funciona y me apunto cuando dices que es de pago. ¿de cuanto estamos hablando?
Lo del formulario del mensaje anterior.

No tendrás a mano un formurario básico de esos de contactar para pedir infirmacción, algo que pueda copiar y pegar para que me dejen tranquilo y poder acabar la decoración del restaurante, que estoy que ni duermo ni dejo dormir.

**MooDiE** · 12-02-2011, 20:39

No tendrás a mano un formurario básico de esos de contactar para pedir infirmacción.

Te lo estaba preparando para que lo tuvieras, lo tienes que probar y decirme si funciona ya que ahora mismo no puedo comprobar si funciona correctamente. Solo le tendrías que poner el css que mejor le venga a la web.

<.doctype html>.

Html>.

Head>.
meta http-equiv=content-type content=text/html, charset=utf-8 />.
title>simple contact form</title>.
/head>.
style type=text/css> tinput[type=text] tlabel tsubmit { display: block, clear: both, t} tinput[type=text]{ width: 250px, t} t.
/style>.
body>.
form method=post> t<legend> <label for=txt-name>nombre:</label> <input id=txt-name name=txt-name type=text /> t <label for=txt-tlfn>teléfono:</label> <input id=txt-tlfn name=txt-tlfn type=text /> t <label for=txt-business>empresa:</label> <input id=txt-business name=txt-business type=text /> t <label for=txt-email>email:</label> <input id=txt-email name=txt-email type=text /> t <label for=txt-subject>asunto:</label> <input id=txt-subject name=txt-subject type=text /> t <input name=cmd-send type=submit value=enviar /> t</legend>.
/form>.
/body>.
/html>.
? Php tif(isset($_post[cmd-send])):
T $email = coloca aquí el email al que llegarán los correos; $message = nombre:\t.$_post[txt-name].\nT teléfono:\t.$_post[txt-tlfn].\nT empresa:\t.$_post[txt-business].\nT e-mail:\t.$_post[txt-email].\nT asunto:\t.$_post[txt-subject].\n, t $mail_message_true = el mensaje se ha enviado correctamente; $mail_message_false = lo sentimos, el mensaje no ha podido ser enviado, t if(mail($email, formulario de contacto, $message)):
Echo $mail_message_true, else:
Echo $mail_message_false, endif, tendif.
¿>.

Es algo muy simple, pero creo que te funcionara. Ya me cuentas.

**MooDiE** · 12-02-2011, 20:59

Por cierto, nombra el fichero en el que lo guardes con la extensión.php, no uses.htlm que dependiendo del hosting php funciona en los ficheros.html o no.

**Pit [reloaded]** · 12-02-2011, 21:04

Voy a probarlo, estoy al mismo tiempo que esto con la decoración, mi cerebelo podría explotar como una pompa de jabón.

**Pit [reloaded]** · 12-02-2011, 21:19

Qué es lo que tengo que guardar como php? Perdona mi ignorancia.

**MooDiE** · 12-02-2011, 21:24

Qué es lo que tengo que guardar como php? Perdona mi ignorancia.

El siguiente contenido lo tienes que guardar como un fichero aparte, por ejemplo: contacto, php, y desde la web le haces un enlace hacia la dirección.

<.doctype html>.

Html>.

Head>.
meta http-equiv=content-type content=text/html, charset=utf-8 />.
title>simple contact form</title>.
/head>.
style type=text/css>.

Input[type=text].

Label.

Submit {.

Display: block.

Clear: both.
}.

Input[type=text]{.
Width: 250px.
}.
/style>.
body>.
form method=post>.
legend>.
label for=txt-name>nombre:</label>.
input id=txt-name name=txt-name type=text />.
label for=txt-tlfn>teléfono:</label>.
input id=txt-tlfn name=txt-tlfn type=text />.
label for=txt-business>empresa:</label>.
input id=txt-business name=txt-business type=text />.
label for=txt-email>email:</label>.
input id=txt-email name=txt-email type=text />.
label for=txt-subject>asunto:</label>.
input id=txt-subject name=txt-subject type=text />.
input name=cmd-send type=submit value=enviar />.
/legend>.
/form>.
/body>.
/html>.
? Php.

If(isset($_post[cmd-send])):
$email = coloca aquí el email al que llegarán los correos.
$message = nombre:\t.$_post[txt-name].

Teléfono:\t.$_post[txt-tlfn].

Empresa:\t.$_post[txt-business].

E-mail:\t.$_post[txt-email].

Asunto:\t.$_post[txt-subject].
$mail_message_true = el mensaje se ha enviado correctamente.
$mail_message_false = lo sentimos, el mensaje no ha podido ser enviado.

If(mail($email, formulario de contacto, $message)):
Echo $mail_message_true.

Else:
Echo $mail_message_false.

Endif.

Endif.
¿>.

**Pit [reloaded]** · 12-02-2011, 21:26

Voy a probarlo.

**MooDiE** · 12-02-2011, 21:28

Sobre el http://expressionengine.com/ le hecho un vistazo, si funciona y me apunto. Cuando dices que es de pago. ¿de cuanto estamos hablando?

http://expressionengine.com/overview/pricing/.

**Pit [reloaded]** · 12-02-2011, 21:37

Ok, bueno, yo a lo mío el precio me parece asequible, pruébalo, y si lo compras es que lo vale, y entonces si me apunto te reto estoy hasta los huevos de la información, la decoración y los ingenieros.

Necesito algo diferente.

**Pit [reloaded]** · 12-02-2011, 21:43

Digo pruébalo, porque entiendo que lo estas probando. No es que quiera incitarte a que lo compres, que no tengo ni carajo idea de cómo va.

**Pit [reloaded]** · 12-02-2011, 22:10

Me pide servidor de prueba, no tengo.

**MooDiE** · 12-02-2011, 22:16

No te preocupes, ahora mismo me estoy leyendo toda la documentación, manuales oficiales, antes de pagar la licencia, una pena que no haya versión de prueba, pero por la forma en que está programada una web entiendo que no puedan hacerlo ya que tendrían que publicar el código.

Hasta ahora he podido comprobar como hay maneras de que un cliente no necesite saber html básico para crear artículos una vez programada la web, esto es una ventaja para gente que solo quiere preocuparse por escribir y nada más. Y el trabajo del html y CS se queda para el programador/diseñador.

No te imaginas la cantidad de veces que te llaman diciendo que la web se ha descolocado y era porque habían metido una etiqueta <div> y no la habían cerrado luego, esto como sabrás provoca que todas se cierren incorrectamente.

Para mí web personal que estoy preparando también me viene genial, odio tener que mezclar html con un artículo, así que, si no encuentro un motivo para no comprarlo haré pronto y colgaré unas capturas de cómo es y cómo funciona para que puedas verlo.

**MooDiE** · 12-02-2011, 22:19

Me pide servidor de prueba, no tengo.

Ams sí, necesitas un servidor apache que te ejecute php. ¿en el del cliente mismo lo puedes subir por ftp? Súbelo a la raíz y ponle un nombre raro para que nadie entre y puedas hacer tus pruebas, no te queda otra.

Además, dependiendo del hosting contratado la función mail de php funciona o no, por lo que es fundamental probarlo en el sitio final.

**MooDiE** · 12-02-2011, 22:23

Si mal no recuerdo tenias una web personal, no Pit? Seguramente tenga soporte para php, tan solo tendrías que subir el fichero a tu hosting, si no remplazas ningún fichero no tiene porqué afectar al comportamiento normal del sitio web.

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Joomla vs dreamweaver

Temas similares