Changement bouton OnClick

Marsh Posté le 24-04-2008 à 16:14:36

Bonjour à tous,

Sur la page de mon site, je dispose de bouton. Je voudrais faire en sorte que mes boutons changes de couleurs lors du survol (onmouseover), revienne à leur état d'origine lors du retrait (onmouseout), et reste dans l'état de survol lors du clic du chargement de la page voici ce que j'ai fait :

Code :

<div id='parent'>
<div id="logo" style="position: absolute; left: 11px; top: 5px; width: 183px; height: 57px; z-index: 6;">
<a href="index.php"><img width="190" height="47" border="0" src="images/logo.gif"/></a>
</div>
<div id='entete'>
<div id="metiers" style="position: relative; left: 290px; top: 71px; width: 478px; height: 41px; z-index: 4;">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><a href="#" onClick="swapImage('visuAlarm.php','zoneAffiche','images/menu/metiers/BoutonOverAlarme.gif','alarme');clic=true" onMouseOut="swapImage('','','images/menu/metiers/BoutonAlarme.gif','alarme');etat=0;" onMouseOver="swapImage('','','images/menu/metiers/BoutonOverAlarme.gif','alarme');etat=1;"><img src="images/menu/metiers/BoutonAlarme.gif" border="0" id="alarme" name="alarme" ></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div id='contenu'>
<div id='zoneAffich'></div>
<noscript>
<div id='Warning'>
Attention, JavaScript inactif<br>
Activé puis réactualisé
</div>
</noscript>
<div align="center">
<p/>
<table width="700" align="right">
<tr>
</tr>
</table>
</div>
</div>
</div>
</body>

Voici le code JS

Code :

function envoieRequete(url,id){
var xhr_object = null;
var position = id;
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else
if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function(){
if ( xhr_object.readyState == 4 ){
document.getElementById(position).innerHTML = xhr_object.responseText;
}
}
xhr_object.send(null);
}
var clic=false;
var etat=0;
var urlFile=" ";
var posFile=" ";
function swapImage(urlFile,posFile,urlImg,posImg)
{
if (!clic)
{
if(etat==0)
{
document.getElementById(posImg).src=urlImg;
}
if(etat==1)
{
document.getElementById(posImg).src=urlImg;
if((!urlFile)&&(!posFile))
{
envoieRequete(urlFile,posFile);
}
}
}
}

Le changement de couleur fonctionne lors du premier OnMouseOver puis message d'erreur lors du OnMouseOut
mais change quand même de couleur pour revenir à l'origine

Code :

uncaught exception: [Exception... "Component returned failure code: 0x80070057 (NS_ERROR_ILLEGAL_VALUE) [nsIXMLHttpRequest.open]" nsresult: "0x80070057 (NS_ERROR_ILLEGAL_VALUE)" location: "JS frame :: javascript: eval(__firebugTemp__); :: anonymous :: line 1" data: no]

Lorsque je clique, la couleur reste fixe mais la page ne s'affiche pas.

J'avoue ne pas savoir, cela fait un moment que je cherche et je ne trouve pas, auriez-vous des idées ???

Merci d'avance,

Cordialement,

Reply

Marsh Posté le 24-04-2008 à 16:14:36

Reply

Marsh Posté le 24-04-2008 à 17:15:20

Bon et bien finalement cela fonctionne, j'ai dû légèrement modifier mon .js

Code :

var clic=false;
var etat=0;
function swapImage(urlFile,posFile,urlImg,posImg)
{
var url = urlFile;
var id = posFile;
if (!clic)
{
if(etat==0)
{
document.getElementById(posImg).src=urlImg;
}
if(etat==1)
{
document.getElementById(posImg).src=urlImg;
if((url!="" )&&(id!="" ))
{
envoieRequete(url,id);
}
}
}
}

En revanche, un autre problème se dévoile.

Une fois cliqué sur un bouton et que la page s'est affiché, je ne peux plus cliqué sur les autres bouton, ça ne fait rien et je n'est pas de message d'erreur

Auriez-vous une idée ?

Merci d'avance,

Reply

Marsh Posté le 25-04-2008 à 10:24:49

Re bonjour,

J'avoue ne pas comprendre pourquoi cela bloque.

Je découvre le monde du dev web donc dsl pour les questions idiotes.

Je pense que la manière que j'utilise n'est pas la bonne.

Pourriez-vous me conseiller, merci d'avance,

Reply

Changement bouton OnClick

Sujets relatifs:

Leave a Replay