Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Fonction js fonctionne sous IE mais pas sous FF [ CSS / Général ] (krz_yama)

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

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é 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 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é interprétation de variables dans une fonction [ par adn_ ] Bonjour,Voila j'ai une fonction a laquelle je passe 2 variables i et j ou i est le numéro de ma checkbox et j le nom, de ce coté la pas de probleme la Balise HTML dans un if, ÇA MARCHE PAS !!! [ par spec10 ] salut, Je suis en train de m'arracher les cheveux avec ce maudit problème.Je veux faire fonctionner ma page web en fonction de la résolution du client Un cadre au millieu d'un tabelau avec un scroll dont la source est une page HTML [ par RazielReaver ] Bonjour à tous,Je suis nouveau sur ce forum. Voila je cherche un moyen de faire un cadre au millieu d'un tableau qui permetrais d'afficher un un autre comment sélectionner un item dans une combo HTML ?? [ par dinous ] Bonjour, prenons par exmepel une combo HTMl ( balise )qui contiendrais 'chien', 'chat', 'poisson', 'oiseau'le sélectionné par defaut est el premier da Question d'un débutant en JavasScript... [ par Tribute2U ] Bjr, je débute en JavaScript et je sais qu'on peut intégrer ses scripts dans le fichier html ou bien appelé un fichier .jsJe sais comment appelé un fi


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,265 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.