Créer un bouton hyperlien
Fermé
aboe45140
Messages postés
28
Date d'inscription
lundi 4 décembre 2017
Statut
Membre
Dernière intervention
19 septembre 2021
-
7 févr. 2020 à 12:25
jordane45 Messages postés 38109 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 mars 2024 - 8 févr. 2020 à 14:42
jordane45 Messages postés 38109 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 mars 2024 - 8 févr. 2020 à 14:42
A voir également:
- Créer un bouton hyperlien
- Créer un compte gmail - Guide
- Créer un compte google - Guide
- Créer un groupe whatsapp - Guide
- Créer un compte instagram - Guide
- Créer un organigramme - Guide
8 réponses
jordane45
Messages postés
38109
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
28 mars 2024
4 634
7 févr. 2020 à 12:28
7 févr. 2020 à 12:28
Bonjour,
https://www.w3schools.com/howto/howto_js_redirect_webpage.asp
https://www.w3schools.com/howto/howto_js_redirect_webpage.asp
// Simulate a mouse click: window.location.href = "http://www.w3schools.com"; // Simulate an HTTP redirect: window.location.replace("http://www.w3schools.com")
jordane45
Messages postés
38109
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
28 mars 2024
4 634
8 févr. 2020 à 13:40
8 févr. 2020 à 13:40
Je ne t'avais pas demandé pour la console... un oubli de ma part.. désolé.
Par contre.. tu as encore des noms de fichiers avec des espaces...
Quoi qu'il en soit, tu as des erreurs dans ton code html.
Des bouts de codes placés à de mauvais endroits...
Essayes ceci :
Testé... et fonctionnel...
Par contre.. tu as encore des noms de fichiers avec des espaces...
Quoi qu'il en soit, tu as des erreurs dans ton code html.
Des bouts de codes placés à de mauvais endroits...
Essayes ceci :
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Projet HTML</title> <link href="style2.css" rel= "stylesheet" media="screen"/> </head> <body> <h1>HTML</h1> <h2>Bienvenue sur la page de révision du langage HTML. Vous trouverez une question sur le HTML.</h2> <p>Question : A quoi sert le langage HTML ?</p> <div onmouseover="foncEntre();" onmouseout="foncQuitte()" id="maDiv"> <p>Pour coder une page WEB.</p> </div> <div onmouseover="foncEntr();" onmouseout="foncQuitt();" id="maDiv1"> <p>Pour coder un logiciel de comptabilité.</p> </div> <button onclick="foncAccueil()">Revenir à l'accueil</button> <script src="script1.js"></script> </body> </html>
Testé... et fonctionnel...
aboe45140
Messages postés
28
Date d'inscription
lundi 4 décembre 2017
Statut
Membre
Dernière intervention
19 septembre 2021
Modifié le 7 févr. 2020 à 13:20
Modifié le 7 févr. 2020 à 13:20
Merci pour ton aide mais lorsque que je tape ceci dans mon fichier .js
ps: j'ai changé le nom de la fonction en
window.location.href="projet revision nsi accueil.html";et que j'ouvre ma page ça me dit fichier introuvable et qu'il est peut-être déplacé. Quand je supprime cette ligne de code ça refonctionne , j'ai mon bouton mais lorsque je clique j'ai toujours pas de lien vu que j'ai supp la ligne de code. Meme avec
function foncAccueil(){marche pas
window.location.href="projet revision nsi accueil.html";
}
ps: j'ai changé le nom de la fonction en
foncAccueil
aboe45140
Messages postés
28
Date d'inscription
lundi 4 décembre 2017
Statut
Membre
Dernière intervention
19 septembre 2021
7 févr. 2020 à 13:28
7 févr. 2020 à 13:28
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
jordane45
Messages postés
38109
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
28 mars 2024
4 634
7 févr. 2020 à 13:51
7 févr. 2020 à 13:51
Déjà on évite d'avoir des caractères spéciaux ou des espaces dans des fichiers utilisés pour le web.
Ensuite, passes tu par un serveur web ou es tu seulement en local sur ton ordi ?
Quelle est l'url du fichier dans lequel tu places ce code ?
Le fichier que tu cherches à ouvrir se trouve t'il dans le même dossier ?
Quelle est l'url qui apparait une fois que tu as cliqué sur le bouton ?
Ensuite, passes tu par un serveur web ou es tu seulement en local sur ton ordi ?
Quelle est l'url du fichier dans lequel tu places ce code ?
Le fichier que tu cherches à ouvrir se trouve t'il dans le même dossier ?
Quelle est l'url qui apparait une fois que tu as cliqué sur le bouton ?
aboe45140
Messages postés
28
Date d'inscription
lundi 4 décembre 2017
Statut
Membre
Dernière intervention
19 septembre 2021
Modifié le 8 févr. 2020 à 12:31
Modifié le 8 févr. 2020 à 12:31
Bonjour,
le nom du dossier est "Eddy_Mathis_Abdel".
Ensuite j'ai ajouté des "_" underscores à la place des espaces .
Je travaille sur un fichier local sur clé usb et l'url est file:///E:/NSI/Eddy_Mathis_Abdel/projet_revision_nsi_accueil.html
Tout les fichiers sont bien dans le même dossier.
J'ai en premier temps tapé
Je ne vois aucun problème mais le bug persiste . Merci de m'aider ça serai adorable sachant que je dois l'envoyer à ma Prof demain soir au plus tard.
Merci Jordane :D
le nom du dossier est "Eddy_Mathis_Abdel".
Ensuite j'ai ajouté des "_" underscores à la place des espaces .
Je travaille sur un fichier local sur clé usb et l'url est file:///E:/NSI/Eddy_Mathis_Abdel/projet_revision_nsi_accueil.html
Tout les fichiers sont bien dans le même dossier.
J'ai en premier temps tapé
<button onclick="foncAccueil()">Revenir à l'accueil</button>dans un fichier .html et dans un second temps j'ai tapé
function foncAccueil(){dans un fichier en .js
window.location.href = "projet_revision_nsi_accueil.html"
}
Je ne vois aucun problème mais le bug persiste . Merci de m'aider ça serai adorable sachant que je dois l'envoyer à ma Prof demain soir au plus tard.
Merci Jordane :D
jordane45
Messages postés
38109
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
28 mars 2024
4 634
8 févr. 2020 à 12:34
8 févr. 2020 à 12:34
Tu dis avoir placé le code dans un fichier js... et comment le charges tu dans ta page ?
Comment se nomme le fichier dans lequel tu as placé ton bouton ?
Quel code ( complet) s'y trouve ?
Le fichier se trouve t'il dans le même dossier que ton fichier accueil ?
As tu ouvert la console de ton navigateur pour voir si il y avait des erreurs de script tel que je te l'ai demandé ?
Comment se nomme le fichier dans lequel tu as placé ton bouton ?
Quel code ( complet) s'y trouve ?
Le fichier se trouve t'il dans le même dossier que ton fichier accueil ?
As tu ouvert la console de ton navigateur pour voir si il y avait des erreurs de script tel que je te l'ai demandé ?
aboe45140
Messages postés
28
Date d'inscription
lundi 4 décembre 2017
Statut
Membre
Dernière intervention
19 septembre 2021
Modifié le 8 févr. 2020 à 12:49
Modifié le 8 févr. 2020 à 12:49
Le fichier dans lequel est placé mon bouton se nomme "projet revision nsi page html.html" .
La fonction se trouve dans "script1.js" .
Oui tout les fichiers sont au même endroit et non je ne pense pas que tu m'ai demandé d'ouvrir la console mais je vais le faire ducoup.
Mais comment je fais sur mozilla (j'ai fais "f12") et après je fais quoi ???
<html>
<title>Projet HTML</title>
<head>
<link href="style2.css" rel= "stylesheet" media="screen"/>
</head>
<body>
<h1>HTML</h1>
<h2>Bienvenue sur la page de révision du langage HTML. Vous trouverez une question sur le HTML.</h2>
<p>Question : A quoi sert le langage HTML ?</p>
<div onmouseover="foncEntre()" onmouseout="foncQuitte()" id="maDiv"><p>Pour coder une page WEB.</p></div>
<div onmouseover="foncEntr()" onmouseout="foncQuitt()" id="maDiv1"><p>Pour coder un logiciel de comptabilité.</p></div>
<button onclick="foncAccueil()">Revenir à l'accueil</button>
</body>
<script src="script1.js"></script>
</html>
La fonction se trouve dans "script1.js" .
alert("Si la réponse que vous survolez est verte, c'est la bonne réponse. Sinon, le rouge indique la mauvaise réponse")
function foncEntre(){
document.querySelector("#maDiv").classList.remove("bleu");
document.querySelector("#maDiv").classList.add("vert");
}
function foncQuitte(){
document.querySelector("#maDiv").classList.remove("vert");
document.querySelector("#maDiv").classList.add("bleu");
}
function foncEntr(){
document.querySelector("#maDiv1").classList.remove("bleu");
document.querySelector("#maDiv1").classList.add("rouge");
}
function foncQuitt(){
document.querySelector("#maDiv1").classList.remove("rouge");
document.querySelector("#maDiv1").classList.add("bleu");
}
function foncAccueil(){
window.location.href = "projet_revision_nsi_accueil.html"
}
Oui tout les fichiers sont au même endroit et non je ne pense pas que tu m'ai demandé d'ouvrir la console mais je vais le faire ducoup.
Mais comment je fais sur mozilla (j'ai fais "f12") et après je fais quoi ???
aboe45140
Messages postés
28
Date d'inscription
lundi 4 décembre 2017
Statut
Membre
Dernière intervention
19 septembre 2021
8 févr. 2020 à 13:57
8 févr. 2020 à 13:57
Merci pour ton aide mais je ne sais pas ça marche toujours pas , ce n'est pas grave je vais faire qq chose d'autre. Merci de m'avoir accordé du temps : )
jordane45
Messages postés
38109
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
28 mars 2024
4 634
8 févr. 2020 à 14:42
8 févr. 2020 à 14:42
Pense à vider le cache de ton navigateur ( à faire lorsqu'on modifie du code JS ou CSS sur une page web )
Pense également à ouvrir la console de ton navigateur pour détecter d'éventuelles erreurs de script
Vérifie également que le nom de tes fichiers est bien strictement le même que celui utilisé dans ton code ( les majuscules/minuscules ont leur importance).
Pour finir, places le contenu de ton site dans un dossier de ton disque dur et teste le....
Si ça fonctionne depuis cet emplacement.. c'est que le souci vient du support utilisé.
Pense également à ouvrir la console de ton navigateur pour détecter d'éventuelles erreurs de script
Vérifie également que le nom de tes fichiers est bien strictement le même que celui utilisé dans ton code ( les majuscules/minuscules ont leur importance).
Pour finir, places le contenu de ton site dans un dossier de ton disque dur et teste le....
Si ça fonctionne depuis cet emplacement.. c'est que le souci vient du support utilisé.