CtrlAltSuppr.com / [CSS + JS] Problème d'affichage/fonctionnement (sous IE évidement)

Tuxicoman · 07/11/07 19:46:55

Bonjour tout le monde!

J'ai, comme vous vous en doutez, deux petits problèmes avec mon site! (http://nss.bluehosting.ch/site.php?p=2)
Le premier est secondaire et le second primordial smile

#1
J'ai, grâce à une CSS, voulu faire en sorte que mes champs de text soient de fond blanc lorsqu'ils sont "focus".
J'ai donc fait :

Code:

input:focus, textarea:focus
{
    background-color:white;
}

Cependant, cela ne marche pas avec IE(6 et 7)

#2
Le champs "Nationalité" devrait faire apparaitre un champs text lorsque la valeur de la listbox est "Autre". Ca marche à nouveau sous FF mais pas sous IE.
Je fais ca ac le code JS

Code:

function AfficherNationalite(idInput)
{
    var inputSelect = document.getElementById('slcNationalite');
    var inputText = document.getElementById('txtNationalite');
    
    if(inputSelect.value == 'Autre')
    {

        inputText.type = 'text';

    }
    else
    {
        inputText.value = "";
        inputText.type = 'hidden';             
    }
}

C'est le premier script Js que je fais de ma vie donc l'erreur est ptêt vraiment bête..

Merci pour votre lecture =)

PS: Ne vous en faites pas pour le gueule des checkbox et radiobutton sous IE, je vais corriger ca wink

Malcolm · 07/11/07 21:15:27

Hello,
Effectivement input:focus n'est pas reconnu par IE6. IE7 je ne l'ai pas, je ne me prononcerai pas dessus.
Le meilleur moyen, AMHA, reste de faire une classe générique :

Code:

.focus
{
     background-color;#FFF;
}

puis de l'associer à ton input via javascript :

Code:

<input type="..." id=".." name="..." onmouseover="this.className='focus';" onmouseout="this.className='';">

(à adapter selon le doctype)

Pour le second, dans l'immadiat je vois pas. Doit y avoir une question d'accès JS aux paramètres ...

PS : dans ta css, tu as une erreur :

Code:

select
{
    background-color:;

il manque la valeur du bg ou alors commente-le.

rockboy214 · 08/11/07 17:52:22

Pour le deuxième problème tu peux aussi le faire avec du javascript,par exemple avec "innerHTML"....

J'imagine un truc dans ce gout...

Code:

<script>
   function InsertInput(id,value){
      if(value=="Autre") document.getElementById(id).innerHTML +='<input type="text" name="..." />';
   }
</script>

<div id="MaDiv">
   <input type="..." id=".." name="..." onkeyup="InsertInput('MaDiv',this.value)" />
</div>

Tuxicoman · 09/11/07 15:57:21

Malcolm a écrit:
Hello,
Effectivement input:focus n'est pas reconnu par IE6. IE7 je ne l'ai pas, je ne me prononcerai pas dessus.
Le meilleur moyen, AMHA, reste de faire une classe générique :
Code:
.focus
{
     background-color;#FFF;
}
puis de l'associer à ton input via javascript :
Code:
<input type="..." id=".." name="..." onmouseover="this.className='focus';" onmouseout="this.className='';">
(à adapter selon le doctype)

Pour le second, dans l'immadiat je vois pas. Doit y avoir une question d'accès JS aux paramètres ...

PS : dans ta css, tu as une erreur :
Code:
select
{
    background-color:;
il manque la valeur du bg ou alors commente-le.

Merci pour ta réponse smile Mais ca veut dire qu'il faut que je mette ça sur chacun des textbox? Car j'en ai environ 50 dans mes formulaires..

rockboy214 a écrit:
Pour le deuxième problème tu peux aussi le faire avec du javascript,par exemple avec "innerHTML"....

J'imagine un truc dans ce gout...
Code:
<script>
   function InsertInput(id,value){
      if(value=="Autre") document.getElementById(id).innerHTML +='<input type="text" name="..." />';
   }
</script>

<div id="MaDiv">
   <input type="..." id=".." name="..." onkeyup="InsertInput('MaDiv',this.value)" />
</div>

Merci bcp pour cette solution qui fonctionne a merveille smile

Malcolm · 10/11/07 12:52:20

Merci pour ta réponse Mais ca veut dire qu'il faut que je mette ça sur chacun des textbox? Car j'en ai environ 50 dans mes formulaires..

tu ouvres n'importe quel éditeur de texte et tu fais un remplacement multiple.

Annonces

#1 07/11/07 19:46:55

[CSS + JS] Problème d'affichage/fonctionnement (sous IE évidement)

Code:

Code:

#2 07/11/07 21:15:27

Re: [CSS + JS] Problème d'affichage/fonctionnement (sous IE évidement)

Code:

Code:

Code:

#3 08/11/07 17:52:22

Re: [CSS + JS] Problème d'affichage/fonctionnement (sous IE évidement)

Code:

#4 09/11/07 15:57:21

Re: [CSS + JS] Problème d'affichage/fonctionnement (sous IE évidement)

Malcolm a écrit:

Code:

Code:

Code:

rockboy214 a écrit:

Code:

#5 10/11/07 12:52:20

Re: [CSS + JS] Problème d'affichage/fonctionnement (sous IE évidement)

Pied de page du Forum