Foros del Web » Programando para Internet » PHP »

onMouseOver y onMouseOut en php

Estas en el tema de onMouseOver y onMouseOut en php en el foro de PHP en Foros del Web. Hola me gustaria saber como escribo esto: Código PHP: < a href = "link.html" >< img src = "img1.jpg"  border = "0"  onMouseOver = "this.src='img1over.jpg';"  onMouseOut = ...
  #1 (permalink)  
Antiguo 25/09/2008, 13:28
 
Fecha de Ingreso: septiembre-2008
Mensajes: 55
Antigüedad: 15 años, 7 meses
Puntos: 0
onMouseOver y onMouseOut en php

Hola me gustaria saber como escribo esto:
Código PHP:
<a href="link.html"><img src="img1.jpg" border="0" 
onMouseOver="this.src='img1over.jpg';" onMouseOut="this.src=img1.jpg';"/></a
En php .. intente hacerlo asi:

Código PHP:
echo "<a href='link.html'><img src='img1.jpg' border='0' 
onMouseOver='this.src='img1over.jpg';' onMouseOut='this.src=img1.jpg';'/></a>"

Pero solo me anda el href el onMouseOver y onMouseOut no me funcionan.
  #2 (permalink)  
Antiguo 25/09/2008, 13:33
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
De acuerdo Respuesta: onMouseOver y onMouseOut en php

Debes escapar las comillas:
Código php:
Ver original
  1. echo "<a href='link.html'><img src='img1.jpg' border='0'
  2. onMouseOver=\"this.src='img1over.jpg';\" onMouseOut=\"this.src=img1.jpg';\"/></a>";
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 25/09/2008, 14:50
Avatar de degochan  
Fecha de Ingreso: marzo-2008
Mensajes: 27
Antigüedad: 16 años, 1 mes
Puntos: 1
Respuesta: onMouseOver y onMouseOut en php

lo que yo hago es hacerlo por css es mas simple y mejor
si tienen css coloca esto :
tu codigo :
Cita:
<a href=\"link.html\" class=\"imgenloca\"> </a>
y luego coloca en el css eso
Cita:
.imagenloca{
background-image: url(imgs.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
height: 32px;
width: 14px;
}
.imagenloca:hover{
background-image: url(imgs2.jpg);
}
esto dependera del tamaño de tu img height: 32px;
width: 14px;
y para que no tenga borde añadi esto en la clase imagenloca:
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;

de esta foma lo lidias tanto en php con las formas de mostrar las cosas.
y dejas eso para que su ocupe las herramientas que se diseñaron para tal fin como el html o el css
asi que mesclando un poco de todos las cosas vas a tener mejores resultados y con una legibilidad mejor para cuando tengas que corregir
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 19:28.