begin process at 2012 02 13 13:21:32
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Fonction js fonctionne sous IE mais pas sous FF


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Fonction js fonctionne sous IE mais pas sous FF

mardi 26 août 2008 à 21:45:14 | Fonction js fonctionne sous IE mais pas sous FF

krz_yama

Bonjour,
Voila je n'y connais rien en HTML ni Javascript, et après un petit temps j'ai produit un bout de code qui fonctionne sous Internet Explorer mais pas sous FireFox. Voilà le code :

<html>
<head>
</head>
  <body>
      <script language=javascript>
    function redirige()
    {
    //vérification de la valeur de choix et redirection vers la bonne page
        if ((choix(0).checked)== 1)
        {
        document.location.href="http://krz.blogsite.org/nr.html";
        }
        if ((choix(1).checked)== 1)
        {
        document.location.href="http://krz.blogsite.org/se.html";
        }
        if ((choix(2).checked)== 1)
        {
        document.location.href="http://krz.blogsite.org/ar.html";
        }
        if ((choix(3).checked)== 1)
        {
        document.location.href="http://krz.blogsite.org/la.html";
        }
        if ((choix(4).checked)== 1)
        {
        document.location.href="http://krz.blogsite.org/au.html";
        }
    }
    </script>
  <div style="width:200px;text-align:center">
  <img src="http://img211.imageshack.us/img211/8266/staarwarlo8.jpg">
  <table>
    <tr>
        <td valign="middle" style="height:200px;">
            <div>
            <!-- creation des boutons radio-->
                <table>
                <tr>
                <td><input type="radio" name=choix value=1>Nouvelle République</td>
                </td>
                <tr>
                <td><input type="radio" name=choix value=2>Séparatistes</td>
                </td>
                <tr>
                <td><input type="radio" name=choix value=3>Alliance Rebelle</td>
                </td>
                <tr>
                <td><input type="radio" name=choix value=4>L'Ancienne République</td>
                </td>
                <tr>
                <td><input type="radio" name=choix value=5 checked>Autres</td>
                </td>
                </table>
            </div>           
        </td>
    </tr>
    </table>
    <!-- creation du bouton qui appellera la fonction js-->
    <input type=button onclick="redirige();" value="Suivant"><br>
    </div>               
    </body>
</html>

J'explique vite fais ce que je veux faire. 5 boutons radio, l'utilisateur fait un choix, et se retrouve redirigé sur une autre page suivant ce qu'il a choisis.
Alors mon code est surement pas terrible vu que je n'y connais rien... Si quelqu'un pouvait m'expliquer pourquoi FF me dis que "choix n'est pas définit" alors qu'IE le prend très bien, et si possible un peu d'aide sur ce que je dois faire pour résoudre ce problème. Merci d'avance.


Cordialement, KRz Yamaneko.
mardi 26 août 2008 à 22:36:16 | Re : Fonction js fonctionne sous IE mais pas sous FF

kazma

Administrateur CodeS-SourceS
Réponse acceptée !
bonjour j'ai fait quelque modifs
par contre j'ai du faire du bricolage car j'ai donne un id et un name alors que normalement c'est l'un ou l'autre en gros ca marche mais si on te propose une solution plus clean choisi la
entre autre pour diminue la taille du script tu pourait faire une boucle

<html>
<head>
</head>
  <body>
      <script language=javascript>
    function redirige()
    {
    //vérification de la valeur de choix et redirection vers la bonne page
        if (document.getElementById('choix1').checked==true)
        {
        document.location.href="http://krz.blogsite.org/nr.html";
        }
        if (document.getElementById('choix2').checked==true)
        {
        document.location.href="http://krz.blogsite.org/se.html";
        }
        if (document.getElementById('choix3').checked==true)
        {
        document.location.href="http://krz.blogsite.org/ar.html";
        }
        if (document.getElementById('choix4').checked==true)
        {
        document.location.href="http://krz.blogsite.org/la.html";
        }
        if (document.getElementById('choix5').checked==true)
        {
        document.location.href="http://krz.blogsite.org/au.html";
        }
    }
    </script>
  <div style="width:200px;text-align:center">
  <img src="http://img211.imageshack.us/img211/8266/staarwarlo8.jpg">
  <table>
    <tr>
        <td valign="middle" style="height:200px;">
            <div>
            <!-- creation des boutons radio-->
                <table>
                <tr>
                <td><input type="radio" name='choix1'id='choix1'>Nouvelle République</td>
                </td>
                <tr>
                <td><input type="radio" name='choix2'id='choix2'>Séparatistes</td>
                </td>
                <tr>
                <td><input type="radio" name='choix3'id='choix3'>Alliance Rebelle</td>
                </td>
                <tr>
                <td><input type="radio" name='choix4'id='choix4'>L'Ancienne République</td>
                </td>
                <tr>
                <td><input type="radio" name='choix5'id='choix5'>Autres</td>
                </td>
                </table>
            </div>          
        </td>
    </tr>
    </table>
    <!-- creation du bouton qui appellera la fonction js-->
    <input type=button onclick="redirige();" value="Suivant"><br>
    </div>              
    </body>
</html>
mardi 26 août 2008 à 22:54:07 | Re : Fonction js fonctionne sous IE mais pas sous FF

taillecrayon

Salut, il te manque les guillemets autour de choix c'est peut-être ça ?

taillecrayon
mardi 26 août 2008 à 23:17:31 | Re : Fonction js fonctionne sous IE mais pas sous FF

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
tout d'abord plusieurs petites remarques en vrac

il est préférable de mettre <script type="text/javascript">
plutôt que <script language=javascript>

il faut mettre des crochets et non des parenthéses pour récupérer les objets en provenace d'un tableau comme c'est le cas pour les INPUT type radio
donc choix[0].checked et non choix(0).checked

choix[0].checked prend la valeur false ou true donc un simple test if( choix[0].checked) est suffisant...

pour FireFox, la notion de name n'existe pas hors d'une FORM.
Dans ton cas pour que choix soit définit il te faut donc mettre tes INPUTs type radio dans une FORM et récupérer l'objet grace à la syntaxe document.nom_form.nom_radio.

exemple :
<html>
<head>
<script type="text/javascript">
function redirige() {
  var choix = document.F_FORM.choix;
  if( choix[0].checked) {
    document.location.href="http://krz.blogsite.org/nr.html";
  }
  if( choix[1].checked) {
    document.location.href="http://krz.blogsite.org/se.html";
  }
  if( choix[2].checked) {
    document.location.href="http://krz.blogsite.org/ar.html";
  }
  if( choix[3].checked) {
    document.location.href="http://krz.blogsite.org/la.html";
  }
  if( choix[4].checked) {
    document.location.href="http://krz.blogsite.org/au.html";
  }
}
</script>
</head>
<body>
<form name="F_FORM">
  <input type="radio" name=choix>Nouvelle République<br>
  <input type="radio" name=choix>Séparatistes<br>
  <input type="radio" name=choix>Alliance Rebelle<br>
  <input type="radio" name=choix>L'Ancienne République<br>
  <input type="radio" name=choix checked>Autres<br>
  <input type=button onclick="redirige();" value="Suivant"><br>
</form>
</body>
</html>

Voila pour l'essentiel me semble t-il...
;O)
mercredi 27 août 2008 à 00:05:26 | Re : Fonction js fonctionne sous IE mais pas sous FF

krz_yama

Réponse acceptée !
C'est génial, merci à vous tous, pour les explications, et l'aide à porté :)

Ça fonctionne et en plus je sais d'où ça viens et pourquoi. Merci beaucoup.


Cette discussion est classée dans : html, choix, checked, if, krz


Répondre à ce message

Sujets en rapport avec ce message

redirection dans un formulaire [ par attentio ] salut !G un soucis pour faire une redirection dans un formulaire, cad que dans mon formulaire G 2 boutons radios et si on coche l'un ou l'autre a l'en [HTML]Choix du fond d'écran d'un site [ par azerty21suze ] Bonsoir a tous,Voici mon probleme :J'aimerais faire des liens ( qui sont en fait des carré de couleurs ) et que quand on clique sur ces liens, le fond input radio [ par raurau ] BonjourJ'essaie de faire un tableau pour le choix entre deux menus1 ou 2 bouton radio                                        Bouton choix remplacer un checkbox par une image [ par jasou62114 ] bonjour voilà j'ai un petit soucis j'ai une méthode qui fonctionne avec un checkbox pour en cocher d'autre mais je n'arrive pas à le remplacer par une Que pensez de mon formulaire. Petits soucis lors de l'envoie [ par chaudlesmarrons ] Voilà mon soucis, le bouton envois ne marche, dnc je reçois rien.Si quelqu'un peut m'aider? (je suis débutant)Mon code :<script type="text/javascrip insérer une fonction javascript dans un formulaire [ par s1ider ] Bonjour à tous!J'espère avoir posté dans le bon topic sinon veuillez m'en excuser.Je viens à vous parceque cela fait 2 jours que je tente d'insérer un probleme avec mon code source en javascript [ par osken2017 ] Bonsoir voici mon code source qui doit normalement afficher un CV en html apres avoir fini de remplir le formulaire qu'il contient. Cependant je renco Radio HTML et JacvaScript [ par momosan77 ] Bonjour, j'ai actuellement un petit problème je souhaite after un if qui retourner true si un radio html est cocher. Le probleme c'est que je n'arriva une dose de Javascript,une pincée d'HTML et le tout soupoudré de Pascal [ par poihonss ] J'écris un programme en Pascal où j'utilise du javascript et du Html.Mon problème et que j'ai une liste à choix multiple mais que je n'arrive pas à ré Besoin d'aide : double menu déroulant html + lien [ par alexhtml ] [size=100]Bonjour, j'espère que l'un d'entre vous corigera mon code html. Je voudrais créer une liste déroulante à 2 cases + liens. J'ai essayé com


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,374 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales