Il y a actuellement 33 visiteurs
Lundi 18 Juin 2018
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

HTML Script manque pour que ça fonctionne

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS 1 , 2 / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

HTML Script manque pour que ça fonctionne

Message le 30 Mai 2015 16: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
HPC8854
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 20
Inscription: 27 Mai 2015 20:31
 


Re: HTML Script manque pour que ça fonctionne

Message le 02 Juin 2015 17: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.
Kovic
Sous Expert(e)
Sous Expert(e)
 
Messages: 64
Inscription: 02 Juil 2009 20:48
 

Re: HTML Script manque pour que ça fonctionne

Message le 02 Juin 2015 20: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.
HPC8854
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 20
Inscription: 27 Mai 2015 20:31
 

Re: HTML Script manque pour que ça fonctionne

Message le 03 Juin 2015 09: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>
  <!-- Ligne 1  -->
  <tr>
     <td>Colonne N°1</td>
     <td>Colonne N°2</td>
     <td>Colonne N°3</td>
  </tr>

  <!-- Ligne 2  -->
  <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.
Kovic
Sous Expert(e)
Sous Expert(e)
 
Messages: 64
Inscription: 02 Juil 2009 20:48
 

Re: HTML Script manque pour que ça fonctionne

Message le 03 Juin 2015 12: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
HPC8854
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 20
Inscription: 27 Mai 2015 20:31
 

Re: HTML Script manque pour que ça fonctionne

Message le 03 Juin 2015 15: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. ;)
Kovic
Sous Expert(e)
Sous Expert(e)
 
Messages: 64
Inscription: 02 Juil 2009 20:48
 

Re: HTML Script manque pour que ça fonctionne

Message le 03 Juin 2015 17: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.
HPC8854
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 20
Inscription: 27 Mai 2015 20:31
 

Re: HTML Script manque pour que ça fonctionne

Message le 03 Juin 2015 22: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. ;)
Kovic
Sous Expert(e)
Sous Expert(e)
 
Messages: 64
Inscription: 02 Juil 2009 20:48
 

Re: HTML Script manque pour que ça fonctionne

Message le 03 Juin 2015 23: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.
HPC8854
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 20
Inscription: 27 Mai 2015 20:31
 

Re: HTML Script manque pour que ça fonctionne

Message le 04 Juin 2015 09: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
Kovic
Sous Expert(e)
Sous Expert(e)
 
Messages: 64
Inscription: 02 Juil 2009 20:48
 

Re: HTML Script manque pour que ça fonctionne

Message le 04 Juin 2015 12: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.
HPC8854
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 20
Inscription: 27 Mai 2015 20:31
 

Re: HTML Script manque pour que ça fonctionne

Message le 04 Juin 2015 14: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 ..
Kovic
Sous Expert(e)
Sous Expert(e)
 
Messages: 64
Inscription: 02 Juil 2009 20:48
 

Re: HTML Script manque pour que ça fonctionne

Message le 04 Juin 2015 18: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");
}
HPC8854
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 20
Inscription: 27 Mai 2015 20:31
 

Re: HTML Script manque pour que ça fonctionne

Message le 04 Juin 2015 20: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>
Kovic
Sous Expert(e)
Sous Expert(e)
 
Messages: 64
Inscription: 02 Juil 2009 20:48
 

Re: HTML Script manque pour que ça fonctionne

Message le 04 Juin 2015 20: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
HPC8854
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 20
Inscription: 27 Mai 2015 20:31
 

Suivante


Sujets similaires

Message Le bouton Arrêt et Redémarrer ne fonctionne plus Windows 8
Bonjour,Je vous écris car le bouton Arrêt et Redémarrer de mon ordinateur ne fonctionne plus depuis quelques semaines.Seul le bouton Mettre en veille fonctionne correctement.Pouvez-vous svp me dire comment corriger ceci ?En vous remerciant par avance pour votre aide.Cordialement,Christine
Réponses: 5

Message Programmation en HTML
Bonjour à tous,Je suis nouveau sur l'informatique de programmation.Voici ce que j'ai appris :<DOCTYPE html> --> Je sais que ceci permet de dire que ce sera en HTML. <html></html> ---> Les balises pour le tout en html. <head></head> ? pour le titre de la page < ...
Réponses: 2

Message Manque de mémoire incompréhensible
Bonjour à tous et joyeux Noël !Je ne peux pas installer de nouvelles applis sur mon Wiko lite 4G:Il est rooté, et j'utilise Link2SD.Si je veux installer une appli depuis Play Store, il est annoncé qu'il n'y a pas assez de place et qu'il faut désinstaller quelque-chose.J'ai déjà déplacé quelques appl ...
Réponses: 0

Message Ecran ne fonctionne plus sur ordinateur portable ASUS
Bonjour tout le monde,Ce weekend, j'ai eu la bonne idée de démonter mon ordinateur portable (Asus ROG G751JY) pour le dépoussiérer un peu.Après l'avoir remonter entièrement, j'ai la joie de m'apercevoir que mon écran ne s'allume plus lors de l'allumage de mon PC. Je le branche donc en HDMI sur la TV ...
Réponses: 1

Message bouton d'allumage ne fonctionne plus
Bonjour, J'ai un pc HP modèle "Pavilion T 160" dont le bouton d'allumage ne fonctionne plus maintenant alors qu'avant il se coincé par moment en s'enfonçant, il fallait faire doucement pour appuyer, est-ce possible de le changer mais j'ai enlevé la façade mais cela ne fonctionne pas ?Merci ...
Réponses: 12

Message Probléme installation XP, manque ASMS
Bonjour à tous,Voulant rendre service à une collègue, je formate son pc Asus. Elle n'a plus le cd de réinstallation, je regarde donc la licence sous le PC : Windows XP home édition.Je télécharge donc l'iso XP home SP3 (sur SOS virus) que je glisse dans mon DDEx avec le petit logiciel EASY2BOOTL'inst ...
Réponses: 6

Message YoutubeMP3 ne fonctionne plus ?!
Ma question est dans le titre ... YoutubeMP3 ne fonctionne plus ? ou plus comme avant ?
Réponses: 6


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité


.: Nous contacter :: Flux RSS :: Données personnelles :.