HTML Script manque pour que ça fonctionne

HPC8854 · le 30 Mai 2015 15:10

bonjour,

j'aimerai intégrer un script HTML pour faire rediriger une page précise suivant l'admin et le pass.

Voici mon code et la où je pense avoir le "manque" :

<HTML>
<HEAD>
<TITLE>Nouvelle page</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function Redirection()

???

if (username=="login" && password=="pass") {http://monsite/page1.html}

if (username=="login1" && password=="pass2") {http://monsite/page2.html}

if (username=="login2" && password=="pass2") {http://monsite/page3.html}
}
</SCRIPT>
<BODY>
<CENTER>
<FORM name=login>
<TABLE>
<tr><td colspan=2><CENTER><font color="#0000FF"><b>Connexion sécurisée</b></font></CENTER></td></tr>
<tr><td>Login:</td><td><input type=text name=login></td></tr>
<tr><td>Pass:</td><td><input type=PASSWORD name=password></td></tr>
<tr><td colspan=2 align=center>
<input type=button value="cliquez ici" onClick="Redirection()"></td></tr>
</TABLE>
</FORM>
</CENTER>
</BODY>
</HTML>

Il y doit aussi y avoir une erreur entre les accolades des liens de redirections.

Si une âme charitable (ou plusieurs) pouvait m'aider à rendre se script fonctionnel ça serait super génial pour mon projet.

Merci d'avance

Kovic · le 02 Juin 2015 16:58

Bonsoir HPC,

Je vais t'aider à résoudre ton problème mais sache qu'en aucun cas, je te donnerai la réponse immédiatement, le but étant que tu comprennes ce que tu codes.

Ma première question ( et qui n'est pas une moquerie) : est ce que c'est vraiment mot pour mot le code que tu utilises ? Ou tu n'as pas tout posté ?

Ma question peut paraître bête mais c'est pour savoir si les erreurs présentes dans ton code sont réelles ou si c'est juste un peu de flemme de tout poster proprement sur le post ?

Si la réponse est oui, ma deuxième question est : est ce que les consignes de ton projet t'obliges à utiliser le JavaScript pour traiter le formulaire de connexion ?

Première piste (si ce code est vraiment le bon) : une fonction js s'ouvre et se ferme ..

Pour le reste j'attends ta réponse

Cordialement, Kovic.

HPC8854 · le 02 Juin 2015 19:55

Bonsoir kovic,

En premier lieu, merci de ta réponse, et de l'aide que tu peux apporter.

Je vais être honnête avec toi, je n'ai jamais codé de A à Z un script HTML tout seul.

Je sais à quoi ça sert, je sais plus ou moins comment ça ce lis, mais je ne sais pas l'écrire.

c'est comme cet exemple concret : je sais lire un article en anglais et le comprendre, mais je ne sais pas parler anglais.

Pour répondre à ta première question, qui n'est pas une moquerie du tout ^^, mais tu risque de te moquer de moi, oui c'est le code mot à mot que j'ai posté, j'ai appris entre temps qu'il devait fonctionner avec un autre fichier *.php, que je n'ai pas, et que je ne peux pas avoir car j'ai pas le contrôle total sur mon site où je voudrais mettre ce script..

Pour répondre à ta deuxième question, non mon projet ne m'oblige pas à utiliser le javascript pour traiter le formulaire de connexion/redirection. Peut importe comment mon projet fonctionne, tant que ça marche ! ^^

Il y a une balise que je ne comprends pas dans mon code c'est <TABLE>, mais en regardant ce qu'il y a dedans, j'en déduis que c'est une mise en forme.

Et sans en être sur, dis moi si je dis une bêtise (ce qui risque d'être le cas), la où il y a les ??? il devrait avoir une base de donnée ? pour que cela fonction avec "username" et "pass" ?

ps : je ne m'attends pas à avoir la réponse tout cuit dans le bec, je veux comprendre pourquoi ça marche, et pourquoi ça ne marche pas.

Kovic · le 03 Juin 2015 08:27

Bonjour,

Merci pour tes réponses, elles vont me permettre d'y voir plus clair !

Pour la balise <table>, c'est une balise HTML qui te permet comme son intitulé l'indique d'insérer un tableau. Un tableau étant composé de colonnes et de lignes, tu dois utiliser les balises <tr> et <td> pour structurer ton tableau :

Code: Tout sélectionner: <table>  <tr> <td>Colonne N°1</td> <td>Colonne N°2</td> <td>Colonne N°3</td> </tr>  <tr> <td>Colonne N°1</td> <td>Colonne N°2</td> <td>Colonne N°3</td> </tr> ..... </table>

Concernant le code se trouvant à la place des "???", je ne sais pas trop car je ne sais pas comment se comporte ton site ni même l'enchaînement du reste des actions.

Mais en règle générale, quand tu traites un envoi de formulaire effectivement, tu utilises un fichier .php à part pour tester les données avec la BDD et le js pour tester si les champs sont vides ou pas conformes. Et pour une connexion, logiquement tu dois avoir un fichier de configuration de la base de données dans les fichiers de ton site.

Pour avancer, il faudrait que tu me dises à quels fichiers tu as accès et pour commencer, ut peux commencer par te documenter sur les traitements de formulaires en PHP : http://www.apprendre-php.com/tutoriels/ ... -post.html

Bonne journée.

HPC8854 · le 03 Juin 2015 11:35

Bonjour,

hier j'ai installé un app sur mon téléphone "aide web" qui me permet de voir les script en couleur, et il détecte les erreurs. l'app me dit qu'il y a une erreur à la ligne 12 l'accolade } est inutile.

j'ai réfléchis aussi à une autre chose qui pourrait t'aider à m'aider. j'ai trouver un code de redirection qui marche sur CCM, mais je ne peux pas utiliser les morceaux du script pour corriger le miens.

Il fonctionnais ainsi :

Si je clique sur ok, alors je suis redirigé sur google.fr
Sinon, si je clique sur annuler, je suis rediriger vers lycos.fr

les redirection fonctionnais SANS un fichier php. Ce qui me certifie que je peux faire pareil.

Une autre réflexion sur mon code -> if (username=="login" && password=="pass")
username n'apparait pas dans les champs dans <table>, ainsi que password.

Est ce que je peux écrire ceci :
if (<input type=text name=login> == login && <input type=PASSWORD name=password> == pass
{
document.location.href="http://www.google.com"
}

en gros je voudrais que mon code ressemble à ceci :
si dans le champ 1 = admin et dans le champ 2 = pass alors -> google.fr
Sinon rien.
si dans le champ 1 = admin1 et dans le champ 2 = pass2 alors -> lycos.fr

merci de ton aide

Kovic · le 03 Juin 2015 14:27

Pour l'erreur à la ligne 12, comme je te l'ai dis une fonction s'ouvre et se ferme avec des accolades

Tu as effectivement levé un premier problème dans ton code qui sont tes tests et tes variables dans tes "if" qui ne correspondent à rien dans ton code. Sinon pas mal l'idée du <input type=text name=login> == login mais ça ne marche pas.

Je pense que tu as compris ce que tu devais récupérer, n'oublies pas que tes "if" sont dans une fonction js entourée de la balise <SCRIPT LANGUAGE="JavaScript"> donc tu dois coder en JavaScript pas en HTML

Si tu veux récupérer la valeur de tes champs de connexion, essaye avec la méthode "getElementById" qui te demandera un léger changement dans la partie HTML de ton formulaire : http://www.toutjavascript.com/reference ... hp?iref=14

Pour la redirection, c'est bien "document.location.href" que tu dois utiliser !

Bon aprème.

PS : N'oublie pas de me montrer le code que tu modifies à chaque fois.

HPC8854 · le 03 Juin 2015 16:38

re bonjour,

j'ai un tout petit peu modifié mon code (qui ne marche toujours pas, damned ! ), pour des raisons de lecture.

J'ai préféré mettre la mise en page en premier, et ensuite mettre les commande if.
Comme ça pour ajouter des utilisateur ça sera plus simple pour moi.

avec tes sources, j'ai essayé (je dis bien essayé car ça ne marche toujours pas) de faire quelques choses de plus correct :

<HTML>
<HEAD>
<BODY>
<TITLE>Connexion</TITLE>

<CENTER>
<FORM>
<TABLE>
<tr><td colspan=2><CENTER><font color="#0000FF"><b>Veuillez entrer votre numéro de carte de fidélité</b></font></CENTER></td></tr>
<tr><td>Login:</td><td><input type=text id=login></td></tr>
<tr><td colspan=2 align=center>
<input type=button value="Valider" onClick="Redirection()"></td></tr>
</TABLE>
</FORM>
</CENTER>
</BODY>

<SCRIPT LANGUAGE="JavaScript">
function Redirection(){

if document.getElementById("login") = 123456
document.location.href="http://www.google.com"
}

</SCRIPT>

</HTML>

tu remarqueras que j'ai enlever la catégorie mot de passe, elle est inutile dans ce script, la page de redirection va le demander, un pop-up s'ouvre en disant "Veuillez saisir un mot de passe afin d'accéder à cette page".

je sais qu'il reste des erreurs, "==" au lieu de "=" ? , je ne sais pas trop où, c'est là que tes lumières pourrons certainement me guider.

Kovic · le 03 Juin 2015 21:58

Tu dois utiliser les double opérateurs "=" dans la condition de ton "if" et le "=" lorsque tu veux assigner une valeur à une variable.

De plus ton "if" doit avoir cette synthaxe :

if(condition) {
document.location.href="http://www.google.com";
}

Enfin tu as bien utilisé le getElementById() mais en faisant "document.getElementById("login")" tu vises l'élément mais tu ne récupères pas sa valeur, rajoutes le ".value" derrière

Et dans ta condition, n'oublies pas que tu compare 2 chaines de caractères, pas 2 chiffres.

HPC8854 · le 03 Juin 2015 22:14

Avec ton aide que j'ai suivi, j'en arrive à là :

<HTML>
<HEAD>
<BODY>
<TITLE>Connexion</TITLE>

<CENTER>
<FORM>
<TABLE>
<tr><td colspan=2><CENTER><font color="#0000FF"><b>Veuillez entrer votre numéro de carte de fidélité</b></font></CENTER></td></tr>
<tr><td>Login:</td><td><input type=text id=login></td></tr>
<tr><td colspan=2 align=center>
<input type=button value="Valider" onClick="Redirection()"></td></tr>
</TABLE>
</FORM>
</CENTER>
</BODY>

<SCRIPT LANGUAGE="JavaScript">
function redirection(){

if (document.getElementById("login.value") == "123456")
{
document.location.href="http://www.google.com"
}

}

</SCRIPT>

</HTML>

Après test, ça ne marche pas. J'ai dû faire encore une erreur.

Je penserais au ".value" peut être qu'il manque quelques chose après?

Ou alors la syntaxe de ma condition...

Je suis un peu perdu là. Mais je vais réussir. J'ai l'impression tout de même que je ne suis pas loin.

Kovic · le 04 Juin 2015 08:40

Effectivement, tu n'es pas loin.

Première chose : Remonte ta fonction js avant l'appelle à la fonction comme tu avais fait au début pour qu'elle soit reconnue
Deuzio : le ".value" n'est pas a mettre dans le getElementById() mais juste après comme suit : getElementById("login").value
Troizio : Dans les balises <input>, ajoutes des " " sur les types et id comme suit : type="button"
Dernière chose attention à l'appel de ta fonction : elle se nomme "redirection()" et toi tu appelles la fonction "Redirection()", il faut faire un choix

Bonne journée

HPC8854 · le 04 Juin 2015 11:49

Bonjour, je n'ai pas bien saisi la première chose, de remonter la fonction JS, j'ai alors remit comme avant. En espérant avoir bien compris ^^.

J'ai corriger le .value

j'ai mis des "==" au lieu de "="

j'ai corriger "Redirection et "redirection"

j'ai ajouter les " " sur les types et Id.

et...... ça marche pas :(.

tu dois te sentir vraiment désespéré de me voir galérer comme ça.

Voici mon nouveau code avec les corrections en rouge

<HTML>
<HEAD>
<BODY>
<TITLE>Connexion</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function redirection(){

if (document.getElementById("login").value=="123456")
{
document.location.href="http://www.google.com"
}

}

</SCRIPT>

<CENTER>
<FORM>
<TABLE>
<tr><td colspan=2><CENTER><font color="#0000FF"><b>Veuillez entrer votre numéro de carte de fidélité</b></font></CENTER></td></tr>
<tr><td>Login:</td><td><input type="text" id="login"></td></tr>
<tr><td colspan=2 align=center>
<input type="button" value="Valider" onClick="redirection()"></td></tr>
</TABLE>
</FORM>
</CENTER>
</BODY>
</HTML>

lors de mon test, j'ai une information en bas à gauche de la page (en attente de www.google.fr) et disparait aussitôt, j'utilise google chrome.

Kovic · le 04 Juin 2015 13:29

Ton code marche, rajoute un "else" comme ceci après ton "if". Et attention une fois que tu as renseigné le champ, si tu appuie sur "entrée" ça ne marche pas, c'est un event "OnClick" donc il faut obligatoirement que tu fasses l'action de cliquer sur le bouton.

Code: Tout sélectionner: if (document.getElementById("login").value=="123456") { document.location.href="http://www.youtube.com"; }else { alert("Login incorrect"); }

Dis moi si ça marche ..

HPC8854 · le 04 Juin 2015 17:28

Merci pour ce petit morceau de code, ça marche MAIS !

Mais ce n'est pas de ta faute, ça doit venir de ma plateforme de création de site.

J'utilise WIX, et dans WIX, on peut insérer un bloc HTML du même style qu'un bloc IMAGE.

Ta redirection ne marche pas "youtube.fr"

En revanche, en métant une de mes pages ça marche.

MAIS la redirection et dans la page elle même, c'est comme une page web dans une page web, tu vois le truc ?

Donc si mon bloc HTML fait 300px X 300px, la redirection va se ferme dans se bloc sous forme de fenêtre avec des ascenseurs si le bloc et plus petit que la page.

J'ai modifié les mise en page des pages cible de redirection, et ça marche !!!!!!!

une dernière question, si je souhaite ajouter des utilisateurs, il suffit juste que je copie ce morceau de code ?

if (document.getElementById("login").value=="12345")
{
document.location.href="http://www.youtube.com";
}else {
alert("Login incorrect");
}
if (document.getElementById("login").value=="67890")
{
document.location.href="http://google.fr";
}else {
alert("Login incorrect");
}

Kovic · le 04 Juin 2015 19:10

Ton code marcherait mais ça serait immonde xD

Je t'ai codé la fonction proprement avec un système de tableau où tu pourras rajouter des utilisateurs avec une URl de redirection correspondante. Dans la suite du code on parcourt le tableau et on test si la valeur du champ login est égale à a la clé de l'élément du tableau, si c'est le cas on redirige sinon rien.

Je l'ai mis en commentaire de toute façon

Dis moi si ça marche et surtout si tu as compris. (J'ai laissé les URLs par défaut faudra que tu refasses les modifs pour que ça marche sous WIX.)

Code: Tout sélectionner: <HTML> <HEAD> <TITLE>Connexion</TITLE> <META charset="UTF-8"> </HEAD> <SCRIPT LANGUAGE="JavaScript"> function redirection() { var key; // Tableau des utilisateurs var tableauUtilisateurs = { '123456' : 'http://www.lycos.fr', 'coco' : 'http://www.youtube.com', // 'Nom de l'utilisateur : "Url de redirection", }; // On parcourt le tableau for (key in tableauUtilisateurs) { // On teste si la valeur du champ "login" est égale à une clé du tableau, si oui on redirige sinon rien. if (document.getElementById("login").value == key) { document.location.href=tableauUtilisateurs[key]; } } } </SCRIPT> <BODY> <CENTER> <FORM name="login"> <TABLE> <tr><td colspan=2><CENTER><font color="#0000FF"><b>Connexion sécurisée</b></font></CENTER></td></tr> <tr><td>Login:</td><td><input type="text" id="login" name="login"></td></tr> <tr><td colspan="2" align="center"> <input type=button value="Cliquez ici" onClick="redirection()"></td></tr> </TABLE> </FORM> </CENTER> </BODY> </HTML>

HPC8854 · le 04 Juin 2015 19:35

Alors ça c'est du code qui casse des barreaux de chaises !!!!!

Ça marche avec lycos.fr

Mais pas avec youtube, bizarre, ça doit être une sécurité au niveau de youtube.

Vu que c'est une page web dans une page web, les pages ciblées passent par les serveurs de wix.

Donc si on va sur un site interdit, on passe par un autre serveurs et hop, site accessible.

Je pense qu'il y a une sécurité "anti-détournement" au niveau de youtube

je te donne le lien ou j'ai inséré ton code, tu verras par toi même. Les infos que tu verras sont des test, ce n'est pas réel, de grande modification auront lieu.

www.help-pc-lorraine.fr -> espace client

tu peux me dire ce que tu en penses ?

login 123456 pass 0000

préviens moi au cas où ça ne marche pas

HTML Script manque pour que ça fonctionne

HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Re: HTML Script manque pour que ça fonctionne

Sujets similaires

Qui est en ligne