Foros del Web » Creando para Internet » HTML »

Script "salta" una etiqueta DIV

Estas en el tema de Script "salta" una etiqueta DIV en el foro de HTML en Foros del Web. Hola compañeros, ando atónito, a ver si me podéis echar un cable. Tengo un script introducido en medio de un HTML. Nada raro hasta aquí. ...
  #1 (permalink)  
Antiguo 18/08/2017, 10:35
Avatar de RAZGRIZ24  
Fecha de Ingreso: septiembre-2009
Mensajes: 143
Antigüedad: 14 años, 10 meses
Puntos: 2
Script "salta" una etiqueta DIV

Hola compañeros, ando atónito, a ver si me podéis echar un cable.

Tengo un script introducido en medio de un HTML. Nada raro hasta aquí.

La cosa es que el script está dentro de una capa, el programa que uso para picar código tiene la función que especifica, al situar el cursor sobre una etiqueta, su inicio y su final.

El código es el siguiente:

Código HTML:
Ver original
  1. <div id="left" class="topheader-div">
  2.             <img id="twitterlogo" class="img-logotwitter" src="index-files/twitter-out.png" />
  3.                 <script>
  4.                     $('#twitterlogo').mouseover(function() {
  5.                         $('#twitterlogo').attr("src", "index-files/twitter-in.png");
  6.                     });
  7.                     $('#twitterlogo').mouseout(function() {
  8.                         $('#twitterlogo').attr("src", "index-files/twitter-out.png");
  9.                     });
  10.                 </script>
  11.             </div>

Al situar el cursor sobre la etiqueta </div> detrás del script, ésta queda "huérfana", de manera que al ascender sobre etiquetas div "padres", siempre me sobra una.

si trato de cerrar etiqueta antes del </div>, todo va normal; si trato de cerrarla después, el programa me sugiere ésto:

Código HTML:
Ver original
  1. </$('#twitterlogo').mouseover(function()>

Visualmente no parece afectar al diseño de la página, pero no quiero dejar el código así habiendo algo raro.

PD:

Si elimino todo el contenido de script, el "fallo" persiste, pero la nueva sugerencia de línea ante el script vacío es ésta:

Código HTML:
Ver original
  1. </<>

Se os ocurre algo?
  #2 (permalink)  
Antiguo 18/08/2017, 12:34
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 4 meses
Puntos: 1826
Respuesta: Script "salta" una etiqueta DIV

¿No te molesta si me horrorizo un poco?

Un mouse over para cambiar un logo hace como una década que no se hace con JavaScript sino con Css.

Pones el div con las dimensiones correctas.

Código HTML:
Ver original
  1. <div class="Logo">
  2. </div>

Y la hoja de estilos queda

Código CSS:
Ver original
  1. div.Logo
  2. {width: 200px;
  3. height: 200px;
  4. background-image: url("logo.png");}
  5.  
  6.  
  7. div.Logo:hover
  8. {background-image: url("logo-up.png");}

Haciendo ciertos ajustes puedes meter transiciones, cambios de opacidad, animación, etc.

---

En cuanto a tu código, no tiene caso meter la etiqueta script dentro del div, eso no se hace, o la pones al inicio o al final de la página, no anidado.

Etiquetas: etiqueta, etiquetas, salta
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:34.