2009-10-20 6 views
0

Je cherche comment avoir des effets de survol sur des boîtes de saisie dans Internet Explorer 6? Im en utilisant YUI si je peux utiliser cela.Comment avoir des effets de survol sur des boîtes de saisie dans Internet Explorer 6

Merci

+1

Qu'avez-vous essayé jusqu'à présent? Quel problème avez-vous eu? L'avez-vous fait fonctionner par ex. IE7? Montrez-nous du code ... – msparer

+0

Ne sont pas '...' ennuyeux? Pour mettre à jour les autres, j'ai implémenté la solution de powtac et l'ai couplée avec YAHOO.util.Selector.query pour obtenir des classes spécifiques. Cependant j'ai frappé un autre mur. La plupart du contenu est Ajax. Donc, lorsque le sélecteur est exécuté, il ne prend que ce qui est dans le conteneur. Est-ce que je vais devoir exécuter YAHOO.util.Selector.query ('classname') sur chaque page? – jugger000

Répondre

0

Try this javascript:

var inputs = document.getElementsByTagName("input"); 
var hoverOn = function() { 
    this.className = "hover"; 
}; 
var hoverOff = function() { 
    this.className = ""; 
}; 
for (var i = 0, l = inputs.length; i < l; ++i) { 
    inputs[i].onmouseover = hoverOn; 
    inputs[i].onmouseout = hoverOff; 
} 

Et le CSS:

input.hover { 
    background-color: #f0f; 
} 

Voici ci-dessus, qui fonctionne dans Firefox ... laissez-moi savoir comment IE6 va .. http://jsbin.com/aseli

+1

Vous souhaiterez probablement exclure les types Button, Checkbox, Radio, Submit, Reset et Image de la collection d'éléments "input". – scunliffe

+0

oui probablement ... cela peut être un exercice pour le lecteur si .. – nickf

0

HTML:

<input type="text" id="elementid" /> 

JS:

var oElement = document.getElementById("elementid"); 
function fnCallback(e) { alert("mouse over"); } 
YAHOO.util.Event.addListener(oElement, "mouseover", fnCallback); 

Tiré de http://developer.yahoo.com/yui/event/#start

+0

vous allez ajouter un ID à chaque élément d'entrée? – nickf

+0

Non, ce n'est pas nécessaire! Vous devez juste dire à Javascript lequel des champs d'entrée est votre cible. Postez votre champ de saisie et nous trouverons un meilleur sélecteur. – powtac

+0

Salut c'est parfait. Ive couplé avec YAHOO.util.Selector.query pour obtenir des classes spécifiques. Cependant j'ai frappé un autre mur. La plupart du contenu est Ajax. Donc, lorsque le sélecteur est exécuté, il ne prend que ce qui est dans le conteneur. Est-ce que je vais devoir exécuter YAHOO.util.Selector.query ('classname') sur chaque page? – jugger000

Questions connexes