2017-10-21 18 views
1

Ici, je veux styler ma table avec css. Mais lorsque je tente d'ajouter cet événement à l'intérieur de l'écho, il est dit,PHP/CSS onmouseover et onmouse out ne fonctionne pas avec PHP echo

Parse error: syntax error, unexpected 'this' (T_STRING), expecting ',' or ';' in E:\xampp\htdocs\Ceylon Aviation\Flights.php on line 146 

Comme je suis un débutant à PHP, je ne peux pas comprendre l'erreur exacte. Des suggestions utiles pour modifier mon code? Je vous remercie!

Mon code:

echo "<tr onmouseover = /"this.style.backgroundColor = /'#ffff66' ; " onmouseout = /"this.style.backgroundColor = /'#d4e3e5';">"; 

Répondre

1

Cela fonctionne aussi:

echo "<tr onmouseover='this.style.backgroundColor=#ffff66' onmouseout='this.style.backgroundColor=#d4e3e5'>"; 
+0

Merci @Daniele_Fois Cela a fonctionné !!! :) –

1

Change pour appeler les fonctions javascript: en fonction changeColor

function changeColor(){ this.style.backgroundColor = '#ffff66'; }

+0

Nous vous remercions de votre suggestion @Iasha Mais je voulais ajoutez-le en ligne :) –

2

point un, onmouseover et onmouseout sont des événements JavaScript.
Point deux, vous pouvez utiliser le :hover de css.
trois points, il vous suffit de faire écho à la html

var div = document.getElementById("js"); 
 
//set width and height 
 
    div.style.width = "100px"; 
 
    div.style.height = "100px"; 
 
//set the start color 
 
    div.style.backgroundColor = "#F0F"; 
 

 
function OnMouseOver(o) { 
 
    o.style.backgroundColor = "#F00"; 
 
} 
 

 
function OnMouseOut(o) { 
 
    o.style.backgroundColor = "#F0F"; 
 
}
#css { 
 
    width: 100px; 
 
    height: 100px; 
 
    background-color: #0FF; 
 
    
 
} 
 

 
#css:hover { 
 
    background-color: #00F; 
 
}
<div id="js" onmouseover="OnMouseOver(this)" onmouseout="OnMouseOut(this)"> 
 
</div> 
 
<div id="css"> 
 
</div>

J'ai ajouté un extrait pour montrer les css et JavaScript façons