Foro - Perl en Español

por **BigBear** » 2013-02-08 16:52 @744

¿Cómo se llama este efecto? http://www.gedzac.com/home.php?id=utilidades Me refiero a cuando rozamos con el ratón en los nombres.

<script type="text/javascript">
 
function encima(fila2) {
 
document.des.descrip.value = "probando2";
document.yeah.innerHTML = "test";
} 
 
</script>
 
<form name=des action='' method=POST>
<table border=1>
<td>Nombre</td><td>Descripcion</td><td name=yeah></td><tr>
<td onmouseover="encima(this)">Test1</td><td id=yeah rowspan="13" height="127">sadsadsad</td><tr>
<td>sadsad</td><tr>
<td>sadsad</td><tr>
<td>sadsad</td><tr>
<td>sadsad</td><tr>
 
</table>
 
</form>
 
</body>
</html> 
 
Coloreado en 0.002 segundos,  usando GeSHi 1.0.8.4

Pero hay un error que provoca que no ande , ¿ qué hice mal ?

por **explorer** » 2013-02-09 17:40 @778

En la ventana Consola de errores del Firefox te dirá dónde está el error.

por **BigBear** » 2013-02-10 14:31 @646

Sí, ya vi los errores, arreglé ese error y ya casi termino, pero me falta algo que es cuando los nombres tienen espacios, como ves en el código:

Sintáxis: [ Descargar ] [ Ocultar ]

Using html4strict Syntax Highlighting

<html>
 
<script type="text/javascript">
 
function encima(op) {
        
    switch(op) {
 
        case "Base64":
            descrip.innerHTML = "base";
            break;
 
        case "URL Shorter":
            descrip.innerHTML = "URL Shorter";
            break;
    }
}
</script>
 
<table border=1>
<td>Nombre</td><td>Descripcion</td><tr>
<td onMouseOver=encima('Base64')>Base64</td><td id='descrip' rowspan='13' height='127'>sadsadsad</td><tr>
<td onMouseOver=encima('URL Shorter')><a href=sadsad>URL Shorter</td><tr>
</table><br><br></div></div>
Coloreado en 0.001 segundos,  usando GeSHi 1.0.8.4

Ya vi los errores como vos me dijiste en Firefox y es el tema de los espacios que se corta en "URL".

¿ Cómo puedo arreglar el tema de los espacios ?

por **explorer** » 2013-02-10 20:32 @897

El código está mal... faltan las marcas <body> y un par de <div>... algunos navegadores no lo presentarán bien.

Pero el problema está en que no has entrecomillado los valores del evento onmouseover.

Con ese cambio, ya funciona:

Sintáxis: [ Descargar ] [ Ocultar ]

Using html4strict Syntax Highlighting

<html>
<head>
<script type="text/javascript">
 
function encima(op) {
 
    switch(op) {
 
        case "Base64":
            descrip.innerHTML = "base";
            break;
 
        case "URL Shorter":
            descrip.innerHTML = "URL Shorter";
            break;
    }
}
</script>
</head>
<body>
<table border=1>
<td>Nombre</td><td>Descripcion</td><tr>
<td onMouseOver="encima('Base64')">Base64</td><td id='descrip' rowspan='13' height='127'>sadsadsad</td><tr>
<td onMouseOver="encima('URL Shorter')"><a href=sadsad>URL Shorter</td><tr>
</table><br><br>            
</body>
</html>
Coloreado en 0.001 segundos,  usando GeSHi 1.0.8.4

por **BigBear** » 2013-02-10 22:34 @982

Sí, ahí ya funciona. El problema es que las comillas dobles y simples me confunden (soy de mente lenta

).

Mira esta línea porque para que funcione el código tengo que hacer igual que vos para que quede así:

Código: Seleccionar todo: <td onMouseOver="encima('URL Shorter')">

La línea del problema es esta:

Código: Seleccionar todo: echo "<td onMouseOver=encima('".$a[$i][1]."')><a href=".$a[$i][3].">".$a[$i][1]."</td><tr>";

¿Cómo tendría que mejorar esta línea?

por **explorer** » 2013-02-10 23:13 @009

Te faltan las comillas dobles que ya te comenté.

Debes 'escaparlas' si necesitas ponerlas dentro de otro código entrecomillado.

O intercambiar el uso de comillas simples con dobles. Dobles entrecomillando alguna simple, o viceversa.

(Bueno, esto último es de Perl. No sé si es igual en JavaScript).

por **BigBear** » 2013-02-11 12:14 @551

Genial, explorer, me falta un último detalle que es una cuestión de diseño. El problema es que tengo este css:

Sintáxis: [ Descargar ] [ Ocultar ]

Using css Syntax Highlighting

#descargas {
margin: 0 auto;
font-size: 16px;
background-color:#0f0f0f;
border-width: 1px;
border-style:solid;
border-color:333333; 
border: solid 1px #333333;
}
Coloreado en 0.002 segundos,  usando GeSHi 1.0.8.4

El problema es que quiero usarlo en toda la tabla pero si cambio el id que quiero usar para agregarle id=descargas y tener el diseño voy a arruinar el efecto que hice con JavaScript. Intenté cambiando el id por name=descrip pero el efecto deja de funcionar.

Sintáxis: [ Descargar ] [ Ocultar ]

Using html4strict Syntax Highlighting

<td id='descrip' rowspan='20' height='130'>
Coloreado en 0.002 segundos,  usando GeSHi 1.0.8.4

¿ Qué puedo hacer con este error ?

por **explorer** » 2013-02-11 20:02 @876

Convierte el estilo en una clase. Y luego la aplicas a los elementos que quieres que tengan ese estilo.

Foro - Perl en Español

Cómo se llama este efecto

Cómo se llama este efecto

Publicidad

Re: Cómo se llama este efecto

Re: Cómo se llama este efecto

Re: Cómo se llama este efecto

Re: Cómo se llama este efecto

Re: Cómo se llama este efecto

Re: Cómo se llama este efecto

Re: Cómo se llama este efecto

Re: Cómo se llama este efecto

Re: Cómo se llama este efecto

¿Quién está conectado?