Foros del Web » Creando para Internet » HTML »

Error con rollover de un botón

Estas en el tema de Error con rollover de un botón en el foro de HTML en Foros del Web. Bien, tengo un input con el efecto de rollover y el código es este: Código: <input type="image" src="img/entra.png" name="button" id="button" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button','','img/entraP.png',1)" onClick="submitForm(conectar)"/> Como pueden ...
  #1 (permalink)  
Antiguo 17/06/2010, 07:22
 
Fecha de Ingreso: junio-2010
Mensajes: 16
Antigüedad: 13 años, 10 meses
Puntos: 0
Error con rollover de un botón

Bien, tengo un input con el efecto de rollover y el código es este:

Código:
<input type="image" src="img/entra.png" name="button" id="button" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button','','img/entraP.png',1)" onClick="submitForm(conectar)"/>
Como pueden ver, hay el input que le dice la imagen y el efecto rollover.
Pues el caso es que en dos páginas diseñadan de la misma plantilla y estando el botón en el mismo sitio, en una me hace el efecto de rollover y en la otra no. ¿A pué puede ser debido? Tengo otra página dónde no funciona el botón pero en la parte editable si que me hace el efecto rollover

Saludos
  #2 (permalink)  
Antiguo 17/06/2010, 08:33
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Error con rollover de un botón

Por logica si el mismo código funciona en una página y en la otra no, el problema esta en el contexto en que tienes ubicado el botón, deberías postear las urls o el código completo.
Saludos
  #3 (permalink)  
Antiguo 17/06/2010, 08:48
 
Fecha de Ingreso: junio-2010
Mensajes: 16
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Error con rollover de un botón

Es todo de una misma plantilla, pero os pongo el código de tres páginas. EN la primera funciona perfectamente, en la segunda no funciona el de entrer pero si otro y en la última no funciona ninguno:
Código HTML:
<body onload="MM_preloadImages('img/terrestreP.jpg')"> 
<?php include("includes/header.php"); ?>
<div class="" id="dal-text"></div>
<div class="text">
<div id="escr"><br /><!-- InstanceBeginEditable name="Text" -->
Bienvenido a IK militar tools. Esta web fue creada por VCLL y la primera versión fue publicada el 29 de mayo del 2010. Es una web gratuita que permite compactar barallas del ikariam y calcular los costes de un ejército. A demás, con el nuevo sistema de usuarios permite guardar las batallas compactadas y ver las batallas guardadas de otros miembros de tu alianza. Si no estás aún registrado lo puedes hacer <a href="registrar.php">aquí</a>. <br /><br /><br />
<table width="100%" border="0" cellspacing="15">
  <tr>
    <td><a href="compactador_t.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Imagen2','','img/terrestreP.jpg',1)"><img src="img/terrestre.jpg" name="Imagen2" width="250" height="60" border="0" id="Imagen2" /></a></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
  <tr>
    <td colspan="3"><h1>Noticias de la web</h1></td>
    </tr>
  <tr>
    <td height="108" colspan="3"><center><table width="70%" border="0" cellspacing="15">
      <?php do { ?>
        <tr>
          <td><p><?php echo $row_noticies['titol']; ?><?php echo $row_noticies['data']; ?></p>
            <p><?php echo $row_noticies['contingut']; ?></p>
            <hr /></td>
        </tr>
        <?php } while ($row_noticies = mysql_fetch_assoc($noticies)); ?>
    </table></center></td>
  </tr>
  </table>
<!-- InstanceEndEditable --><br /></div></div>
<?php include("includes/footer.php"); ?>
</body>
<!-- InstanceEnd --></html> 
Código HTML:
<body> 
<?php include("includes/header.php"); ?>
<div class="" id="dal-text"></div>
<div class="text">
<div id="escr"><br /><!-- InstanceBeginEditable name="Text" --><center>
  <form action="<?php        ?>" method="post" enctype="multipart/form-data" name="dades">
  <table width="848" border="0" cellspacing="10">
    <tr class="dat">
      <td colspan="4"><h1>Unidades Terrestres</h1></td>
    </tr>
    <tr>
      <td>Holpitas</td>
      <td><label>
        <input name="hop" type="text" id="hop" value="0" />
      </label></td>
      <td>Espadachines</td>
      <td><label>
        <input name="esp" type="text" id="esp" value="0" />
      </label></td>
    </tr>
    <tr>
      <td>Gigantes</td>
      <td><label>
        <input name="gig" type="text" id="gig" value="0" />
      </label></td>
      <td>Arietes</td>
      <td><label>
        <input name="ari" type="text" id="ari" value="0" />
      </label></td>
    </tr>
    <tr>
      <td>Honderos</td>
      <td><label>
        <input name="hon" type="text" id="hon" value="0" />
      </label></td>
      <td>Catapultas</td>
      <td><label>
        <input name="cat" type="text" id="cat" value="0" />
      </label></td>
    </tr>
    <tr>
      <td>Arqueros</td>
      <td><label>
        <input name="arq" type="text" id="arq" value="0" />
      </label></td>
      <td>Morteros</td>
      <td><label>
        <input name="mor" type="text" id="mor" value="0" />
      </label></td>
    </tr>
    <tr>
      <td>Fusileros</td>
      <td><label>
        <input name="fus" type="text" id="fus" value="0" />
      </label></td>
      <td>Cocineros</td>
      <td><label>
        <input name="coc" type="text" id="coc" value="0" />
      </label></td>
    </tr>
    <tr>
      <td height="23">Lanceros</td>
      <td><label>
        <input name="lan" type="text" id="lan" value="0" />
      </label></td>
      <td>Médicos</td>
      <td><label>
        <input name="med" type="text" id="med" value="0" />
      </label></td>
    </tr>
    <tr>
      <td height="23" colspan="4">&nbsp;</td>
    </tr>
    <tr class="dat">
      <td height="23" colspan="4"><h1>Unidades Marítimas</h1></td>
    </tr>
    <tr>
      <td height="23">Barco espolón</td>
      <td><label>
        <input name="bes" type="text" id="bes" value="0" />
      </label></td>
      <td>Barco catapulta</td>
      <td><label>
        <input name="bca" type="text" id="bca" value="0" />
      </label></td>
    </tr>
    <tr>
      <td height="23">Barco lanza llamas</td>
      <td><label>
        <input name="bll" type="text" id="bll" value="0" />
      </label></td>
      <td>Barco mortero</td>
      <td><label>
        <input name="bmo" type="text" id="bmo" value="0" />
      </label></td>
    </tr>
    <tr>
      <td height="23">Barco espolón a vapor</td>
      <td><label>
        <input name="bev" type="text" id="bev" value="0" />
      </label></td>
      <td>Submarino</td>
      <td><label>
        <input name="bsu" type="text" id="bsu" value="0" />
      </label></td>
    </tr>
    <tr>
      <td height="23">Barco ballesta</td>
      <td><label>
        <input name="bba" type="text" id="bba" value="0" />
      </label></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td height="23">&nbsp;</td>
      <td><input name="comp" type="image" src="img/compacta.png" id="comp" onclick="MM_validateForm('ciu','','R','day','','RisNum','mes','','RisNum','ata','','R','def','','R');return document.MM_returnValue" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('comp','','img/compactaP.png',2)" /></td>
      <td>&nbsp;</td>
      <td><label>
        <input type="reset" name="button" id="button" value="Borra los datos" />
      </label></td>
    </tr>
  </table>
</form>
<br />
<br />
<table width="853" height="100" border="0" align="center" cellspacing="10">
  <tr>
    <td width="60">&nbsp;</td>
    <td width="97"><em>Manutención Parado</em></td>
    <td width="120"><em>Manutención Movimiento</em></td>
    <td width="69"><em>Unidades</em></td>
    <td width="78"><em>Generales </em></td>
    <td width="36"><img src="http://s1.es.ikariam.com/skin/resources/icon_wood.gif" width="25" height="21" /></td>
    <td width="32"><img src="http://s1.es.ikariam.com/skin/resources/icon_wine.gif" width="24" height="20" /></td>
    <td width="46"><img src="http://s1.es.ikariam.com/skin/resources/icon_glass.gif" width="23" height="18" /></td>
    <td width="60"><img src="http://s1.es.ikariam.com/skin/resources/icon_sulfur.gif" width="25" height="19" /></td>
    <td width="125"><em>Personas ocupadas</em></td>
  </tr>
  <tr>
    <td class="dat">TOTAL</td>
    <td><?php echo $man; ?></td>
    <td><?php echo $manM; ?></td>
    <td><?php echo $unid; ?></td>
    <td><?php echo $gen; ?></td>
    <td><?php echo $fusta; ?></td>
    <td><?php echo $vi; ?></td>
    <td><?php echo $vid; ?></td>
    <td><?php echo $sofre; ?></td>
    <td><?php echo $pers; ?></td>
  </tr>
</table>
</center>
<!-- InstanceEndEditable --><br /></div></div>
<?php include("includes/footer.php"); ?>
</body>
<!-- InstanceEnd --></html> 
Ahora posteo la página en la que no me sle ninfún de los tres rollovers
  #4 (permalink)  
Antiguo 17/06/2010, 08:50
 
Fecha de Ingreso: junio-2010
Mensajes: 16
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Error con rollover de un botón

Código HTML:
<body onload="MM_preloadImages('img/terrestreP.jpg')"> 
<?php include("includes/header.php"); ?>
<div class="" id="dal-text"></div>
<div class="text">
<div id="escr"><br /><!-- InstanceBeginEditable name="Text" --><form action="<?php ?>" method="post">
  
  /*aquí va una tabla muy larga que he eliminado, ya que es la que da las variables a un formulario.*/
</center>
<p><br>
 
  <span id="Compacta"><center>
    <input name="comp" type="image" src="img/compacta.png" id="comp" onclick="MM_validateForm('ciu','','R','day','','RisNum','mes','','RisNum','ata','','R','def','','R');return document.MM_returnValue" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('comp','','img/compactaP.png',1)" />
  </center>
  </span></p>
<p></p>

<br />
</form>
<center>
  <?php
if ( $genP > 1000) {
echo '<img src="img/si.png"> Generales '. $genP .'. Batalla posteable';
}

elseif ($genP < 1000) {
echo '<img src="img/no.png"> Generales '. $genP .'. Batalla NO posteable';
}
?>
<br /></center>
<form action="<?php echo $row_batalles['']; ?>" method="post" name="form1" id="form1">
  <table align="center">
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">&nbsp;</td>
      <td><input name="usuari" type="hidden" disabled="disabled" value="<?php echo $_SESSION['usuari']; ?>" size="32" readonly="readonly" /></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">Título:</td>
      <td><textarea name="titol" cols="90" readonly="readonly" id="titol"><?php 
	  if(isset($_POST['day'])){
	  echo 'Participantes:'. $_POST['ata'] .' vs. '. $_POST['def'] .'.'; 
	  }
	  ?>
      </textarea></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right"> Contenido:</td>
      <td><textarea name="text" cols="90" rows="30" readonly="readonly" id="text"><?php ?>
         </textarea></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">&nbsp;</td>
      <td>
<input type="image" src="img/guardar.png" id="guardar" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('guardar','','img/guardarP.png',1)"/>
</td>
    </tr>
  </table>
  <input type="hidden" name="MM_insert" value="form1" />
</form><!-- InstanceEndEditable --><br /></div></div>
<?php include("includes/footer.php"); ?>
</body> 
  #5 (permalink)  
Antiguo 17/06/2010, 10:46
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Error con rollover de un botón

VCLL:

Lamentablemente eso no ayuda, debes mostrar el código HTML de salida, lo que muestra el navegador, no el php.

Postealo o manda la url de la página


Saludos
  #6 (permalink)  
Antiguo 17/06/2010, 14:06
 
Fecha de Ingreso: junio-2010
Mensajes: 16
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Error con rollover de un botón

Vale, no lo sabía.

Código HTML:
<body onload="MM_preloadImages('img/terrestreP.jpg')"> 
<div class="cos">
  <table width="1000" border="0" cellspacing="8">
    <tr>
      <td width="88">Compactador </td>

      <td width="76"><a href="compactador_t.php">terrestre</a></td>
      <td width="95"> marítimo</td>
      <td width="211"><a href="costes.php">Calculador de costes</a></td>
      <td width="66">Conéctate:</td><form id="conectar" name="form1" method="POST" action="/tools/index.php">
      <td width="144"><label>
        <input name="usuari" type="text" id="usuari" value="Usuario" onMouseOver="this.focus()" onFocus="this.select()" />

      </label>
      </td>
      <td width="144"><label>
        <input name="Contraseña" type="password" id="Contraseña" value="contraseña" onMouseOver="this.focus()" onFocus="this.select()"/>
      </label></td>
      <td width="88"><input type="image" src="img/entra.png" name="button" id="button" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button','','img/entraP.png',1)" onClick="submitForm(conectar)"/></td>
    </form></tr>
  </table>
</div>

<div id="logo"><a href="index.php"><img src="img/sec.png" width="334" height="100" alt="Logotipo" /></a></div><div class="" id="dal-text"></div>
<div class="text">
<div id="escr"><br /><!-- InstanceBeginEditable name="Text" -->
Bienvenido a IK militar tools. Esta web fue creada por VCLL y la primera versión fue publicada el 29 de mayo del 2010. Es una web gratuita que permite compactar barallas del ikariam y calcular los costes de un ejército. A demás, con el nuevo sistema de usuarios permite guardar las batallas compactadas y ver las batallas guardadas de otros miembros de tu alianza. Si no estás aún registrado lo puedes hacer <a href="registrar.php">aquí</a>. <br /><br /><br />
<table width="100%" border="0" cellspacing="15">
  <tr>
    <td><a href="compactador_t.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Imagen2','','img/terrestreP.jpg',1)"><img src="img/terrestre.jpg" name="Imagen2" width="250" height="60" border="0" id="Imagen2" /></a></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>

  <tr>
    <td colspan="3"><h1>Noticias de la web</h1></td>
    </tr>
  <tr>
    <td height="108" colspan="3"><center><table width="70%" border="0" cellspacing="15">
              <tr>
          <td><p></p>
            <p></p>

            <hr /></td>
        </tr>
            </table></center></td>
  </tr>
  </table>
<!-- InstanceEndEditable --><br /></div></div>
<div class="" id="baix-text"></div>
<div id="peu">
  <table width="1023" border="0" cellspacing="15">
    <tr>

      <th width="325"><a href="javascript:NewWindow('guia.php','Guía','621','650','random','front');">Guía</a>
      <th width="307">&copy; 2010 VCLL</th>
      <th width="325"><a href="javascript:NewWindow('contacta.php','Contacta','621','650','random','front');">Contactar</a>
    </tr>
  </table>
</div></body>
<!-- InstanceEnd --></html> 
Código HTML:
<body onload="MM_preloadImages('img/terrestreP.jpg')"> 
<div class="cos">
  <table width="1000" border="0" cellspacing="8">
    <tr>
      <td width="88">Compactador </td>

      <td width="76"><a href="compactador_t.php">terrestre</a></td>
      <td width="95"> marítimo</td>
      <td width="211"><a href="costes.php">Calculador de costes</a></td>
      <td width="66">Conéctate:</td><form id="conectar" name="form1" method="POST" action="/tools/compactador_t.php">
      <td width="144"><label>
        <input name="usuari" type="text" id="usuari" value="Usuario" onMouseOver="this.focus()" onFocus="this.select()" />

      </label>
      </td>
      <td width="144"><label>
        <input name="Contraseña" type="password" id="Contraseña" value="contraseña" onMouseOver="this.focus()" onFocus="this.select()"/>
      </label></td>
      <td width="88"><input type="image" src="img/entra.png" name="button" id="button" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button','','img/entraP.png',1)" onClick="submitForm(conectar)"/></td>
    </form></tr>
  </table>
</div>

<div id="logo"><a href="index.php"><img src="img/sec.png" width="334" height="100" alt="Logotipo" /></a></div><div class="" id="dal-text"></div>
<div class="text">
<div id="escr"><br /><!-- InstanceBeginEditable name="Text" --><form action="" method="post">
  
  <table width="853" border="0" align="center" cellspacing="10">
  <tr>
    <td colspan="9">&nbsp;</td>
    </tr>
  <tr>
    <td colspan="9" class="dat"><h1>Datos iniciales</h1></td>
    </tr>

  <tr>
    <td width="132">Ciudad:</td>
    <td colspan="8"><label>
      <input name="ciu" type="text" id="ciu" size="40" />
    </label></td>
    </tr>
      <tr>
    <td width="132">Rondas</td>

    <td colspan="8"><label>
      <input name="rond" type="text" id="rond" size="40" />
    </label></td>
    </tr>
  <tr>
    <td>Isla:</td>
    <td colspan="8"><label>
      <input name="isl" type="text" id="isl" size="40" />

    </label></td>
    </tr>
  <tr>
    <td>Fecha:</td>
    <td width="35">Dia:</td>
    <td width="75"><input name="day" type="text" id="day" size="6" /></td>
    <td width="42">Mes:</td>

    <td width="125"><input name="mes" type="text" id="mes" size="6" /></td>
    <td width="71">Hora: </td>
    <td width="44"><input name="hora" type="text" id="hora" size="6" /></td>
    <td width="26">:</td>
    <td width="185"><input name="min" type="text" id="min" size="6" /></td>
    </tr>
  <tr>
    <td>Atacante/s:</td>

    <td colspan="8"><label>
      <input name="atacants" type="text" id="ata" size="100" />
    </label></td>
    </tr>
  <tr>
    <td>Defensor/es:</td>
    <td colspan="8"><label>
      <input name="def" type="text" id="def" size="100" />

    </label></td>
    </tr>
  <tr>
    <td>Ganador:</td>
    <td colspan="8"><p>
      <label>
        <span id="Ganador_0">
<input name="Ganador" type="radio" id="Ganador_0" value="Atacante" />
Atacante</span></label>

      <span id="Ganador_0"><br />
      <label>
        <input type="radio" name="Ganador" value="Defensor" id="Ganador_1" />
        Defensor</label>
      </span><br />
    </p></td>
    </tr>
  <tr>

    <td>Nivel de muralla:</td>
    <td colspan="8"><label>
      <input name="mur" type="text" id="mur" size="10" />
    </label></td>
  </tr>
</table>
<br>
<br>
<br>
<center><table width="850" border="0" cellspacing="10">
  <tr>

    <td colspan="2" class="titl"><h2>Atacante</h2></td>
    <td width="84">&nbsp;</td>
    <td colspan="2" class="titl"><h2>Defensor</h2></td>
    </tr>
  <tr>
    <td width="174" class="sobreviven"><h3>Sobreviven</h3></td>
    <td width="174" class="mueren"><h3>Mueren</h3></td>

    <td>&nbsp;</td>
    <td width="174" class="sobreviven"><h3>Sobreviven</h3></td>
    <td width="174" class="mueren"><h3>Mueren</h3></td>
  </tr>
  <tr>
    <td colspan="2" class="unitats">Hoplitas:</td>
    <td>&nbsp;</td>

    <td colspan="2" class="unitats">Hoplitas</td>
    </tr>
  <tr>
    <td bgcolor="#009900"><label>
      <input name="ShopA" type="text" id="ShopA" value="0" />
    </label></td>
    <td bgcolor="#FF0000"><label>
      <input name="MhopA" type="text" id="MhopA" value="0" />

    </label></td>
    <td>&nbsp;</td>
    <td bgcolor="#009900"><label>
      <input name="Shop" type="text" id="Shop" value="0" />
    </label></td>
    <td bgcolor="#FF0000"><label>
      <input name="Mhop" type="text" id="Mhop" value="0" />
    </label></td>
  </tr>

  <tr>
    <td colspan="2" class="unitats">Gigantes:</td>
    <td>&nbsp;</td>
    <td colspan="2" class="unitats">Gigantes:</td>
    </tr>
  <tr>
    <td bgcolor="#009900"><label>
      <input name="SgigA" type="text" id="SgigA" value="0" /> 

Última edición por VCLL; 17/06/2010 a las 14:11
  #7 (permalink)  
Antiguo 17/06/2010, 14:12
 
Fecha de Ingreso: junio-2010
Mensajes: 16
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Error con rollover de un botón

2a parte:
Código HTML:
Ver original
  1. </label></td>
  2.     <td bgcolor="#FF0000"><label>
  3.       <input name="MgigA" type="text" id="MgigA" value="0" />
  4.     </label></td>
  5.     <td>&nbsp;</td>
  6.     <td bgcolor="#009900"><label>
  7.       <input name="Sgig" type="text" id="Sgig" value="0" />
  8.     </label></td>
  9.     <td bgcolor="#FF0000"><label>
  10.  
  11.       <input name="Mgig" type="text" id="Mgig" value="0" />
  12.     </label></td>
  13.   </tr>
  14.   <tr>
  15.     <td colspan="2" class="unitats">Honderos:</td>
  16.     <td>&nbsp;</td>
  17.     <td colspan="2" class="unitats">Honderos:</td>
  18.     </tr>
  19.  
  20.   <tr>
  21.     <td bgcolor="#009900"><label>
  22.       <input name="ShonA" type="text" id="ShonA" value="0" />
  23.     </label></td>
  24.     <td bgcolor="#FF0000"><label>
  25.       <input name="MhonA" type="text" id="MhonA" value="0" />
  26.     </label></td>
  27.     <td>&nbsp;</td>
  28.     <td bgcolor="#009900"><label>
  29.  
  30.       <input name="Shon" type="text" id="Shon" value="0" />
  31.     </label></td>
  32.     <td bgcolor="#FF0000"><label>
  33.       <input name="Mhon" type="text" id="Mhon" value="0" />
  34.     </label></td>
  35.   </tr>
  36.   <tr>
  37.     <td colspan="2" class="unitats">Arqueros:</td>
  38.  
  39.     <td>&nbsp;</td>
  40.     <td colspan="2" class="unitats"><p>Arqueros:</p></td>
  41.     </tr>
  42.   <tr>
  43.     <td bgcolor="#009900"><label>
  44.       <input name="SarqA" type="text" id="SarqA" value="0" />
  45.     </label></td>
  46.     <td bgcolor="#FF0000"><label>
  47.  
  48.       <input name="MarqA" type="text" id="MarqA" value="0" />
  49.     </label></td>
  50.     <td>&nbsp;</td>
  51.     <td bgcolor="#009900"><label>
  52.       <input name="Sarq" type="text" id="Sarq" value="0" />
  53.  
  54.  
  55.     </label></td>
  56.     <td bgcolor="#FF0000"><label>
  57.       <input name="Marq" type="text" id="Marq" value="0" />
  58.  
  59.     </label></td>
  60.   </tr>
  61.   <tr>
  62.     <td colspan="2" class="unitats">Fusileros:</td>
  63.     <td>&nbsp;</td>
  64.     <td colspan="2" class="unitats">Fusileros:</td>
  65.     </tr>
  66.   <tr>
  67.  
  68.     <td bgcolor="#009900"><label>
  69.       <input name="SfusA" type="text" id="SfusA" value="0" />
  70.     </label></td>
  71.     <td bgcolor="#FF0000"><label>
  72.       <input name="MfusA" type="text" id="MfusA" value="0" />
  73.     </label></td>
  74.     <td>&nbsp;</td>
  75.     <td bgcolor="#009900"><label>
  76.       <input name="Sfus" type="text" id="Sfus" value="0" />
  77.  
  78.     </label></td>
  79.     <td bgcolor="#FF0000"><label>
  80.       <input name="Mfus" type="text" id="Mfus" value="0" />
  81.     </label></td>
  82.   </tr>
  83.   <tr>
  84.     <td colspan="2" class="unitats">Lanceros:</td>
  85.     <td>&nbsp;</td>
  86.  
  87.     <td colspan="2" class="unitats">Lanceros:</td>
  88.     </tr>
  89.   <tr>
  90.     <td bgcolor="#009900"><label>
  91.       <input name="SlanA" type="text" id="SlanA" value="0" />
  92.     </label></td>
  93.     <td bgcolor="#FF0000"><label>
  94.       <input name="MlanA" type="text" id="MlanA" value="0" />
  95.  
  96.     </label></td>
  97.     <td>&nbsp;</td>
  98.     <td bgcolor="#009900"><label>
  99.       <input name="Slan" type="text" id="Slan" value="0" />
  100.     </label></td>
  101.     <td bgcolor="#FF0000"><label>
  102.       <input name="Mlan" type="text" id="Mlan" value="0" />
  103.     </label></td>
  104.   </tr>
  105.  
  106.   <tr>
  107.     <td colspan="2" class="unitats">Espadachines:</td>
  108.     <td>&nbsp;</td>
  109.     <td colspan="2" class="unitats">Espadachines:</td>
  110.     </tr>
  111.   <tr>
  112.     <td bgcolor="#009900"><label>
  113.       <input name="SespA" type="text" id="SespA" value="0" />
  114.  
  115.     </label></td>
  116.     <td bgcolor="#FF0000"><label>
  117.       <input name="MespA" type="text" id="MespA" value="0" />
  118.     </label></td>
  119.     <td>&nbsp;</td>
  120.     <td bgcolor="#009900"><label>
  121.       <input name="Sesp" type="text" id="Sesp" value="0" />
  122.     </label></td>
  123.     <td bgcolor="#FF0000"><label>
  124.  
  125.       <input name="Mesp" type="text" id="Mesp" value="0" />
  126.     </label></td>
  127.   </tr>
  128.   <tr>
  129.     <td colspan="2" class="unitats">Arietes:</td>
  130.     <td>&nbsp;</td>
  131.     <td colspan="2" class="unitats">Arietes:</td>
  132.     </tr>
  133.  
  134.   <tr>
  135.     <td bgcolor="#009900"><label>
  136.       <input name="SariA" type="text" id="SariA" value="0" />
  137.     </label></td>
  138.     <td bgcolor="#FF0000"><label>
  139.       <input name="MariA" type="text" id="MariA" value="0" />
  140.     </label></td>
  141.     <td>&nbsp;</td>
  142.     <td bgcolor="#009900"><label>
  143.  
  144.       <input name="Sari" type="text" id="Sari" value="0" />
  145.     </label></td>
  146.     <td bgcolor="#FF0000"><label>
  147.       <input name="Mari" type="text" id="Mari" value="0" />
  148.     </label></td>
  149.   </tr>
  150.   <tr>
  151.     <td colspan="2" class="unitats">Catapultas:</td>
  152.  
  153.     <td>&nbsp;</td>
  154.     <td colspan="2" class="unitats">Catapultas:</td>
  155.     </tr>
  156.   <tr>
  157.     <td bgcolor="#009900"><label>
  158.       <input name="ScatA" type="text" id="ScatA" value="0" />
  159.     </label></td>
  160.     <td bgcolor="#FF0000"><label>
  161.  
  162.       <input name="McatA" type="text" id="McatA" value="0" />
  163.     </label></td>
  164.     <td>&nbsp;</td>
  165.     <td bgcolor="#009900"><label>
  166.       <input name="Scat" type="text" id="Scat" value="0" />
  167.     </label></td>
  168.     <td bgcolor="#FF0000"><label>
  169.       <input name="Mcat" type="text" id="Mcat" value="0" />
  170.     </label></td>
  171.  
  172.   </tr>
  173.   <tr>
  174.     <td colspan="2" class="unitats">Morteros:</td>
  175.     <td>&nbsp;</td>
  176.     <td colspan="2" class="unitats">Morteros:</td>
  177.     </tr>
  178.   <tr>
  179.     <td bgcolor="#009900"><label>
  180.  
  181.       <input name="SmorA" type="text" id="SmorA" value="0" />
  182.     </label></td>
  183.     <td bgcolor="#FF0000"><label>
  184.       <input name="MmorA" type="text" id="MmorA" value="0" />
  185.     </label></td>
  186.     <td>&nbsp;</td>
  187.     <td bgcolor="#009900"><label>
  188.       <input name="Smor" type="text" id="Smor" value="0" />
  189.     </label></td>
  190.  
  191.     <td bgcolor="#FF0000"><label>
  192.       <input name="Mmor" type="text" id="Mmor" value="0" />
  193.     </label></td>
  194.   </tr>
  195.   <tr>
  196.     <td colspan="2" class="unitats">Bombarderos:</td>
  197.     <td>&nbsp;</td>
  198.     <td colspan="2" class="unitats">Bombarderos:</td>
  199.  
  200.     </tr>
  201.   <tr>
  202.     <td bgcolor="#009900"><label>
  203.       <input name="SbomA" type="text" id="SbomA" value="0" />
  204.     </label></td>
  205.     <td bgcolor="#FF0000"><label>
  206.       <input name="MbomA" type="text" id="MbomA" value="0" />
  207.     </label></td>
  208.     <td>&nbsp;</td>
  209.  
  210.     <td bgcolor="#009900"><label>
  211.       <input name="Sbom" type="text" id="Sbom" value="0" />
  212.     </label></td>
  213.     <td bgcolor="#FF0000"><label>
  214.       <input name="Mbom" type="text" id="Mbom" value="0" />
  215.     </label></td>
  216.   </tr>
  217.   <tr>
  218.     <td colspan="2" class="unitats">Girocópteros:</td>
  219.  
  220.     <td>&nbsp;</td>
  221.     <td colspan="2" class="unitats">Girocópteros:</td>
  222.     </tr>
  223.   <tr>
  224.     <td bgcolor="#009900"><label>
  225.       <input name="SgirA" type="text" id="SgirA" value="0" />
  226.     </label></td>
  227.     <td bgcolor="#FF0000"><label>
  228.  
  229.       <input name="SgirA2" type="text" id="SgirA2" value="0" />
  230.     </label></td>
  231.     <td>&nbsp;</td>
  232.     <td bgcolor="#009900"><label>
  233.       <input name="Sgir" type="text" id="Sgir" value="0" />
  234.     </label></td>
  235.     <td bgcolor="#FF0000"><label>
  236.       <input name="Mgir" type="text" id="Mgir" value="0" />
  237.     </label></td>
  238.  
  239.   </tr>
  240.   <tr>
  241.     <td colspan="2" class="unitats">Médicos:</td>
  242.     <td>&nbsp;</td>
  243.     <td colspan="2" class="unitats">Médicos:</td>
  244.     </tr>
  245.   <tr>
  246.     <td bgcolor="#009900"><label>
  247.  
  248.       <input name="SmedA" type="text" id="SmedA" value="0" />
  249.     </label></td>
  250.     <td bgcolor="#FF0000"><label>
  251.       <input name="MmedA" type="text" id="MmedA" value="0" />
  252.     </label></td>
  253.     <td>&nbsp;</td>
  254.     <td bgcolor="#009900"><label>
  255.       <input name="Smed" type="text" id="Smed" value="0" />
  256.     </label></td>
  257.  
  258.     <td bgcolor="#FF0000"><label>
  259.       <input name="Mmed" type="text" id="Mmed" value="0" />
  260.     </label></td>
  261.   </tr>
  262.   <tr>
  263.     <td colspan="2" class="unitats">Cocineros:</td>
  264.     <td>&nbsp;</td>
  265.     <td colspan="2" class="unitats">Cocineros:</td>
  266.  
  267.     </tr>
  268.   <tr>
  269.     <td bgcolor="#009900"><label>
  270.       <input name="ScocA" type="text" id="ScocA" value="0" />
  271.     </label></td>
  272.     <td bgcolor="#FF0000"><label>
  273.       <input name="McocA" type="text" id="McocA" value="0" />
  274.     </label></td>
  275.     <td>&nbsp;</td>
  276.  
  277.     <td bgcolor="#009900"><label>
  278.       <input name="Scoc" type="text" id="Scoc" value="0" />
  279.     </label></td>
  280.     <td bgcolor="#FF0000"><label>
  281.       <input name="Mcoc" type="text" id="Mcoc" value="0" />
  282.     </label></td>
  283.   </tr>
  284. </table></center>
  285. <p><br>
  286.  
  287.   <span id="Compacta"><center>
  288.  
  289.     <input name="comp" type="image" src="img/compacta.png" id="comp" onclick="MM_validateForm('ciu','','R','day','','RisNum','mes','','RisNum','ata','','R','def','','R');return document.MM_returnValue" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('comp','','img/compactaP.png',1)" />
  290.   </center>
  291.   </span></p>
  292. <p></p>
  293.  
  294. <br />
  295. </form>
  296. <center>
  297.   <img src="img/no.png"> Generales 0. Batalla NO posteable<br /></center>
  298. <form action="" method="post" name="form1" id="form1">
  299.   <table align="center">
  300.  
  301.     <tr valign="baseline">
  302.       <td nowrap="nowrap" align="right">&nbsp;</td>
  303.       <td><input name="usuari" type="hidden" disabled="disabled" value="" size="32" readonly="readonly" /></td>
  304.     </tr>
  305.     <tr valign="baseline">
  306.       <td nowrap="nowrap" align="right">Título:</td>
  307.       <td><textarea name="titol" cols="90" readonly="readonly" id="titol">      </textarea></td>
  308.     </tr>
  309.  
  310.     <tr valign="baseline">
  311.       <td nowrap="nowrap" align="right"> Contenido:</td>
  312.       <td><textarea name="text" cols="90" rows="30" readonly="readonly" id="text">         </textarea></td>
  313.     </tr>
  314.     <tr valign="baseline">
  315.       <td nowrap="nowrap" align="right">&nbsp;</td>
  316.       <td>
  317.  
  318. <input type="image" src="img/guardar.png" id="guardar" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('guardar','','img/guardarP.png',1)"/>
  319. </td>
  320.     </tr>
  321.   </table>
  322.   <input type="hidden" name="MM_insert" value="form1" />
  323. </form><!-- InstanceEndEditable --><br /></div></div>
  324. <div class="" id="baix-text"></div>
  325. <div id="peu">
  326.   <table width="1023" border="0" cellspacing="15">
  327.     <tr>
  328.       <th width="325"><a href="javascript:NewWindow('guia.php','Guía','621','650','random','front');">Guía</a>
  329.  
  330.       <th width="307">&copy; 2010 VCLL</th>
  331.       <th width="325"><a href="javascript:NewWindow('contacta.php','Contacta','621','650','random','front');">Contactar</a>
  332.     </tr>
  333.   </table>
  334. </div></body>
  335. <!-- InstanceEnd --></html>
  #8 (permalink)  
Antiguo 17/06/2010, 15:17
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Error con rollover de un botón

VCLL:
Mira, tu código sigue incompleto, quizás por las limitaciones del foro para publicar no lo pudiste poner todo. A lo mejor hay algún problema con tu javascript, que parece ser una de las librerias del Dreamweaver.

Te sugiero lo siguiente, crea los efectos rollover con css, aqui te hice una demo que es muy facil de implementar

http://foros.emprear.com/css/rollove...ver-input.html

Analiza el código que es bastante simple

Espero te sirva
Saludos
  #9 (permalink)  
Antiguo 18/06/2010, 02:09
 
Fecha de Ingreso: junio-2010
Mensajes: 16
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Error con rollover de un botón

Muchas gracias. Ahora ya me sale bien. Al final no lo he echo exactamente así ya que si lo hacía así me consideraba el botón como una área de texto y pasaban cosas muy raras. Al final, el botón quedó en esto:
Código HTML:
Ver original
  1. <input type="submit" class="efecto_over" value="Entra" />
Y el css en esto:
Código CSS:
Ver original
  1. input.efecto_over{
  2.     width: 125px;
  3.     height: 37px;
  4.     background-image: url(img/input.png);
  5.     background-position: center top;
  6.     border: none;
  7.     font-family: Arial, Helvetica, sans-serif;
  8.     font-size: 14px;
  9.     background-color: transparent;
  10.     }
  11.     input.efecto_over:hover{
  12.     width: 125px;
  13.     height: 37px;
  14.     background-image: url(img/input.png);
  15.     background-position: center -37px;
  16.     border: none;
  17.     color: #FFF;
  18.     font-family: Arial, Helvetica, sans-serif;
  19.     font-size: 14px;
  20.     background-color: transparent;
  21.     }

Muchas gracias!

Etiquetas: input, rollover
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 20:24.