css/javascript/firefox attribut hors standard

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : css/javascript/firefox attribut hors standard

makinatoto

style_1 { font-family: Courier; font-size: 10pt; padding: 0;background-color: #FFFFFF; colorActif: #57C0F2; color: #000000; border: 1px groove; }

voilà j'ai defini ma css comme ci dessus
l'attribut colorActif n'existe pas dans les standards
sous IE je peux qd meme y a acceder
j'ai codé cette fonction pour retrouver la css qui m'interesse:

function findStyleRule(styleName) {
var stS=document.styleSheets?document.styleSheets: document.styleSheet;
var ok=stS[0].rules?1:0;
for (i = 0; i < stS.length; i++)
for (j = 0; j < eval("stS[i]."+(ok?"rules":"cssRules" )+".length" ); j++)
if (eval("stS[i]."+(ok?"rules":"cssRules" )+"[j].selectorText" ) == styleName)
return eval("stS[i]."+(ok?"rules":"cssRules" )+"[j]" );
}

cette fonction marche sous IE et firefox
soit _field un champ input text

strule=findStyleRule("."+_field.className).style;
sous IE je recupère strule.colorActif
mais sous firefox je n'ai rien

j'ai testé strule.cssText
sous IE il me sort tout ce que j'ai enregistré pour le style
sous firefox seulement les attribut du standard

Je cherche donc une solution pour accéder à la valeur d'un attribut d'une css que j'ai défini moi-meme et n'étant donc pas dans les standards

Si vous connaissez une autre manière de definir la couleur d'un element actif c a dire comme pour les liens en css par exemple hover actif .... je suis preneur

Mon but est de changer la couleur du background du champ input qd celui est sélectionné (en gros un curseur)
je veux absolument passer par les css (j'ai mes raisons et ça serait trop long à expliquer)

Merci d'avance pour vos réponses

Publicité

FlorentG

pouet:active {
color: #57C0F2;
}

Et tu fait le p'tit script pour le support pour IE. Sur les autres navigateurs, ça fonctionnera d'origine.

makinatoto

FlorentG a écrit :

pouet:active {
color: #57C0F2;
}

Et tu fait le p'tit script pour le support pour IE. Sur les autres navigateurs, ça fonctionnera d'origine.

tu veux dire du style :

<style>.pouet:active {
background-color: #57C0F2;
}</style>
<input type="text" id="pouet" name="pouet">

en fait ça marche pour les liens mais pas pour les champs ou j'écris mal qque chose ms je sais pas quoi

FlorentG

En fait après test, je ne crois pas que ce soit possible, il faut malheureusement passer par du JavaScript, en attachant les événements onfocus et onblur...

KangOl

Profil : pointeur

non

Code :

<style type="text/css">.pouet:active {
background-color: #57C0F2;
}</style>
<input type="text" class="pouet" name="pouet" />

si tu inclus des css, autant le faire a fond et respecter les standards...

---------------
Nos estans firs di nosse pitite patreye...

FlorentG

Ah non pardon, faut faire comme ça :

input:focus {
background: #57c0f2;
}

Testé et approuvé sous FireFox, mais IE ne gère évidemment pas

makinatoto

Merci beaucoup

pour IE plus qu'à adapter ma premiere solution à celle là lol

Message édité par makinatoto le 29-04-2005 à 11:26:06

FlorentG

Maintent reste à faire fonctionner sous IE avec un bout de JS

KangOl

Profil : pointeur

pour ie, arrange toi avec ces deux fonctions js...

Code :

// leave container arg out, and will default to document.
// code from http://www.webmasterworld.com/forum91/1757.htm (unbugged)
function getElementsByClassName(className,container)
{
container = container||document ;
var all = container.all||container.getElementsByTagName('*');
var arr = [] ;
var att = (document.all)?"className":"class"; // className for IE & class for Mozilla
for(var k=0;k<all.length;k++)
if(all[k].getAttribute(att) == className)
arr[arr.length] = all[k];
return arr
}

Code :

function setClassName(id,cla)
{
var att = (document.all)?"className":"class"; // className for IE & class for Mozilla
document.getElementById(id).setAttribute(att,cla);
}

---------------
Nos estans firs di nosse pitite patreye...

cerel

Ca fonctionne avec les elements qui ont plusieurs classes ??

Message édité par cerel le 29-04-2005 à 11:33:34

Publicité

KangOl

Profil : pointeur

j'ai pas testé...

getAttribute renverrai donc un tableau ??

---------------
Nos estans firs di nosse pitite patreye...

KangOl

Profil : pointeur

et non, getAttribute renvoi exactement la string du class, donc toutes les classe séparée par des espaces...

ca existe "explode" en javascript ??

---------------
Nos estans firs di nosse pitite patreye...

KangOl

Profil : pointeur

allez hop

// leave container arg out, and will default to document.
// code from http://www.webmasterworld.com/forum91/1757.htm (unbugged)
// 050429: now also work with multi class elements.
function getElementsByClassName(className,container)
{
container = container||document ;
var all = container.all||container.getElementsByTagName('*');
var arr = [] ;
var cla = [] ; var tmp;
var att = (document.all)?"className":"class"; // className for IE & class for Mozilla

for(var k=0;k<all.length;k++)
{
tmp = all[k].getAttribute(att);
if(!tmp) continue;
cla = tmp.split(" " );

for(var l=0;l<cla.length;l++)
{
if(cla[l] == className)
{
arr[arr.length] = all[k];
break;
}
}
}
return arr
}

---------------
Nos estans firs di nosse pitite patreye...

masklinn

í dag viðrar vel til loftárása

document.getElementsByClass = function (needle, tag) {
if(!tag)
tag="*"
var my_array = document.getElementsByTagName(tag);
var retvalue = new Array();
var i;
var j;

for (i = 0, j = 0; i < my_array.length; i++)
{
var c = " " + my_array[i].className + " ";
if (c.indexOf(" " + needle + " " ) != -1)
retvalue[j++] = my_array[i];
}
return retvalue;
}

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?

KangOl

Profil : pointeur

j'ai encore bcp a apprendre en optimisation [:matleflou]

---------------
Nos estans firs di nosse pitite patreye...

masklinn

í dag viðrar vel til loftárása

C'est pas complètement de moi (j'ai juste optimisé pour ajouter un tag optionnel en plus de la classe), ça vient du Glazblog
Il y a des versions largement plus avancées, mais non fonctionnelles sous MSIE

gatsusat

juste petite information :

la pseudo classe ":hover" ne fonctionne qu'avec l'attribut A sous IE, sous les autres navigateurs (FF, Opera..) ca fonctionne avec presque tout.

Si je dis une bêtise fouettez moi

masklinn

í dag viðrar vel til loftárása

gatsusat a écrit :

Nope, c'est exactement ça (mais un certain nombre de "patchs" en JS sont nés pour pallier à la chose)
(c'est d'ailleurs relativement simple à faire)

FlorentG

Et si on est comme moi, on prend même pas la peine de mettre du JS :sol:

masklinn

í dag viðrar vel til loftárása

FlorentG a écrit :

Et si on est comme moi, on prend même pas la peine de mettre du JS :sol:

FORUM HardWare.fr

Programmation

HTML/CSS

css/javascript/firefox attribut hors standard

Sujets relatifs
[Reglé] Prob de tableaux sous IE (mais pas sous Firefox bien sur)	Récupération de valeurs d'une bascule Javascript
[RESOLU][XSL/JavaScript]problème d'intégration code JS dans le XSL	[Firefox] Ajouter un moteur de recherche d'un site dans le navigateur
JavaScript Popup vers son parent	Appeler une fonction php avec du javascript
Lier Document XMl (Firefox)	Problemes de tableaux sous Firefox
porte ouvert aux virus via javascript.	Firefox ok --> IE pas ok
Plus de sujets relatifs à : css/javascript/firefox attribut hors standard

Page générée en 0.049 secondes