Probleme en HTML pour créer un lien...
shininigamikun
Messages postés
1
Statut
Membre
-
shinigamikun Messages postés 40 Statut Membre -
shinigamikun Messages postés 40 Statut Membre -
Bonjour,
Je débute dans le html, et je dois, pour mon stage, créer une interface.
Je désire donc faire une interface a l'aide de bouton a cliquer, et quite a ce clique, qu'on redirige vers la page suivante.
Dans mon cas ma premiere page se nomme : index.html
Dans ce fichier j'ai programmé :
<HTML>
<HEAD>
<TITLE>Formulaires</TITLE>
</HEAD>
<BODY bgcolor="#00CCFF">
Guide pour les pilotes projets
<BR><BR>
<CENTER><FONT size=6>Votre projet est-il :
<BR><BR>
<INPUT type="submit" value="Hors programme" name="submit">
<INPUT type="submit" value="En programme" name="submit"></CENTER></FONT>
</FORM>
</BODY>
</HTML>
Et je voudrais qu'en cliquant sur le bouton "hors programme", cela dirige directement l'utilisateur vers la seconde page, qui elle se nomme "Interfacep2.html"
Je précise que la page index.html et Interfacep2.html se trouvent toutes les deux dans le même dossier sur mon pc, et que le but de cette interface est qu'elle serve sur le réseau de l'entreprise et non pas hebergée sur le net!
Merci d'avance a ceux qui voudront bien m'aider :)
Je débute dans le html, et je dois, pour mon stage, créer une interface.
Je désire donc faire une interface a l'aide de bouton a cliquer, et quite a ce clique, qu'on redirige vers la page suivante.
Dans mon cas ma premiere page se nomme : index.html
Dans ce fichier j'ai programmé :
<HTML>
<HEAD>
<TITLE>Formulaires</TITLE>
</HEAD>
<BODY bgcolor="#00CCFF">
Guide pour les pilotes projets
<BR><BR>
<CENTER><FONT size=6>Votre projet est-il :
<BR><BR>
<INPUT type="submit" value="Hors programme" name="submit">
<INPUT type="submit" value="En programme" name="submit"></CENTER></FONT>
</FORM>
</BODY>
</HTML>
Et je voudrais qu'en cliquant sur le bouton "hors programme", cela dirige directement l'utilisateur vers la seconde page, qui elle se nomme "Interfacep2.html"
Je précise que la page index.html et Interfacep2.html se trouvent toutes les deux dans le même dossier sur mon pc, et que le but de cette interface est qu'elle serve sur le réseau de l'entreprise et non pas hebergée sur le net!
Merci d'avance a ceux qui voudront bien m'aider :)
A voir également:
- Probleme en HTML pour créer un lien...
- Créer un lien pour partager des photos - Guide
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Lien url - Guide
- Créer un compte gmail - Guide
20 réponses
Bonjour,
alors si je ne me trompe il faut que t'es une page intermédiaire qui dise que si c'est le bouton hors programme alors tu vas sur Interfacep2.html sinon sur ton autre page.
Il faut donc que tes attributs name soient différents :
pas :
<INPUT type="submit" value="Hors programme" name="submit">
<INPUT type="submit" value="En programme" name="submit"></CENTER></FONT>
mais
<INPUT type="submit" value="Hors programme" name="hors_prog">
<INPUT type="submit" value="En programme" name="en_prog"></CENTER></FONT>
et ensuite dans ta page intermédiaire
if (isset($_REQUEST['hors_prog'])) {
//Alors tu vas ici :Interfacep2.html
}
if (isset($_REQUEST['en_prog'])) {
//Tu vas à ton autre page
}
Si cette solution ne te plait pas t'as la solution de ne pas avoir des submit mais plutot des boutons :
<input name="hors_prog" type="button" onSubmit="hors_prog();" />
<input name="en_prog" type="button" onSubmit="en_prog();" />
et ensuite tu crées tes fonctions javascript associées : hors_prog(); et en_prog()
Personnellement, j'utiliserai la première solution !
alors si je ne me trompe il faut que t'es une page intermédiaire qui dise que si c'est le bouton hors programme alors tu vas sur Interfacep2.html sinon sur ton autre page.
Il faut donc que tes attributs name soient différents :
pas :
<INPUT type="submit" value="Hors programme" name="submit">
<INPUT type="submit" value="En programme" name="submit"></CENTER></FONT>
mais
<INPUT type="submit" value="Hors programme" name="hors_prog">
<INPUT type="submit" value="En programme" name="en_prog"></CENTER></FONT>
et ensuite dans ta page intermédiaire
if (isset($_REQUEST['hors_prog'])) {
//Alors tu vas ici :Interfacep2.html
}
if (isset($_REQUEST['en_prog'])) {
//Tu vas à ton autre page
}
Si cette solution ne te plait pas t'as la solution de ne pas avoir des submit mais plutot des boutons :
<input name="hors_prog" type="button" onSubmit="hors_prog();" />
<input name="en_prog" type="button" onSubmit="en_prog();" />
et ensuite tu crées tes fonctions javascript associées : hors_prog(); et en_prog()
Personnellement, j'utiliserai la première solution !
Hum, en fait, je ne vois pas trop ce que tu veux dire par page intermédiaire...
Grosso modo, je veux que sur la page index, la personne clique sur le bouton "hors programme" par exemple, et que ca lui affiche directement la page Interfacep2.
Car quand tu dis :
"et ensuite dans ta page intermédiaire
if (isset($_REQUEST['hors_prog'])) {
//Alors tu vas ici :Interfacep2.html
}
if (isset($_REQUEST['en_prog'])) {
//Tu vas à ton autre page
} "
Je ne vois aps trop ce que tu définis comme page intermédiaire :) => noob inside :(
Grosso modo, je veux que sur la page index, la personne clique sur le bouton "hors programme" par exemple, et que ca lui affiche directement la page Interfacep2.
Car quand tu dis :
"et ensuite dans ta page intermédiaire
if (isset($_REQUEST['hors_prog'])) {
//Alors tu vas ici :Interfacep2.html
}
if (isset($_REQUEST['en_prog'])) {
//Tu vas à ton autre page
} "
Je ne vois aps trop ce que tu définis comme page intermédiaire :) => noob inside :(
hum ok, je viens de tester en copier coller tes lignes de commande, mais quand je clique sur Hors programme, ca ne m'affiche rien, pourtant j'ai créé le fichier php ainsi que Interfacep2, et ils sont tous dans le même dossier...
En fait quand je rentre ces commandes, en cliquant sur le bouton hors programme, quand je regarde l'adresse qui est dans la barre d'adresse, je reste sur la meme page, mais pourtant la page devient vierge...a ne rien y comprendre :p
En fait quand je rentre ces commandes, en cliquant sur le bouton hors programme, quand je regarde l'adresse qui est dans la barre d'adresse, je reste sur la meme page, mais pourtant la page devient vierge...a ne rien y comprendre :p
voilà tu peux essayer ça, c'était ma deuxième solution. je suis coincée effectivement sur la première (alors que je sais que ça marche donc ça m'énerve !!!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ton titre</title>
<script language="javascript">
function hors_prog()
{
document.form.action = "Interfacep2.html";
document.form.submit();
}
function en_prog()
{
document.form.action = "index.html";
document.form.submit();
}
</script>
</head>
<body>
<form action="" method="post" id="form" name="form">
<input type="submit" value="Hors programme" name="hors_prog" onclick="hors_prog()"/>
<input type="submit" value="En programme" name="en_prog" onclick="en_prog()"/>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ton titre</title>
<script language="javascript">
function hors_prog()
{
document.form.action = "Interfacep2.html";
document.form.submit();
}
function en_prog()
{
document.form.action = "index.html";
document.form.submit();
}
</script>
</head>
<body>
<form action="" method="post" id="form" name="form">
<input type="submit" value="Hors programme" name="hors_prog" onclick="hors_prog()"/>
<input type="submit" value="En programme" name="en_prog" onclick="en_prog()"/>
</form>
</body>
</html>
se peut il que mon pc ne lise pas l'instruction en javascript?
Sinon pour tester dans mon fichier interfacep2.html, j'ai copié collé le prog de "index.html" en changeant les nom des boutons, pour voir si cela fonctionnait.
Mais ca ne m'ouvre pas la page...
Est ce que cela peut venir du fait de l'emplacement de mes fichiers? ils sont tout les deux sur le bureau
<
Sinon pour tester dans mon fichier interfacep2.html, j'ai copié collé le prog de "index.html" en changeant les nom des boutons, pour voir si cela fonctionnait.
Mais ca ne m'ouvre pas la page...
Est ce que cela peut venir du fait de l'emplacement de mes fichiers? ils sont tout les deux sur le bureau
<
Euh juste deux boutons sans rien d'autre? Pourquoi pas faire tout simplement des liens? Avec une tite image en background...
bah déja, je teste le prog, car ca ne fonctionne pas, je mettrais en forme une fois que les liens marcheront..
Et pour le but, je veux que les chefs de projets aient a cliquer sur hors programme ou programme, ca les emmenra ensuite sur une autre page avec un autre choix, et en fonction de ces 2-3 choix qu'ils auront a faire, ca affichera la liste des actions qu'ils ont a effectuer :)
Voila le principe :p
Et pour le but, je veux que les chefs de projets aient a cliquer sur hors programme ou programme, ca les emmenra ensuite sur une autre page avec un autre choix, et en fonction de ces 2-3 choix qu'ils auront a faire, ca affichera la liste des actions qu'ils ont a effectuer :)
Voila le principe :p
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'y avais pas pensé, c'est vrai mais Devilish a une bonne idée ...
seulement faire des liens plutôt que des submit.
Tu sais comment on fait ?
<a href="https://www.commentcamarche.net/"> Comment ça marche? </a>
Par exemple tu peux mettre ça dans un tableau
<html>
<head>
<title>Ton titre</title>
</head>
<body>
<table>
<tr>
<td><a href="interfacep2.html"> Hors programme </a></td>
<td><a href="en_prog.html"> En programme </a></td>
<td></td>
</tr>
</table>
</body>
</html>
Essaie ça pour voir dans ton fichier index.html par exemple.
seulement faire des liens plutôt que des submit.
Tu sais comment on fait ?
<a href="https://www.commentcamarche.net/"> Comment ça marche? </a>
Par exemple tu peux mettre ça dans un tableau
<html>
<head>
<title>Ton titre</title>
</head>
<body>
<table>
<tr>
<td><a href="interfacep2.html"> Hors programme </a></td>
<td><a href="en_prog.html"> En programme </a></td>
<td></td>
</tr>
</table>
</body>
</html>
Essaie ça pour voir dans ton fichier index.html par exemple.
la ca fonctionne :p
Mais quand meme bizarre que ca fonctionne avec des simples liens, et que cela ne fonctionne pas avec des boutons....
Niveau ergonomie, les boutons sont plus sympas, mais déja ca me fait une bonne base de travail, je vais essayer de travailler ca, si vous trouvez comment faire pour un lien avec un clik bouton, prévenez moi :p
Merci ;)
Mais quand meme bizarre que ca fonctionne avec des simples liens, et que cela ne fonctionne pas avec des boutons....
Niveau ergonomie, les boutons sont plus sympas, mais déja ca me fait une bonne base de travail, je vais essayer de travailler ca, si vous trouvez comment faire pour un lien avec un clik bouton, prévenez moi :p
Merci ;)
non mais ce que tu peux faire c'est mettre une image à la place de ton lien
<a href="interfacep2.html"><img src="mon_image.jpg" alt="mon image"></a>
essaie ça pour voir sachant que tu dois remplacer mon_image.jpg par l'image de ton choix ;) Et pour que ça fasse bien, tu peux faire une image représentant ton hors programme ! et une représentant en programme !!!
toutes les deux pourraient ressembler à des boutons !
Petit conseil fais toi un dossier avec tous tes fichiers ... ne laisse pas tout en vrac sur le bureau, c'est plus propre !
<a href="interfacep2.html"><img src="mon_image.jpg" alt="mon image"></a>
essaie ça pour voir sachant que tu dois remplacer mon_image.jpg par l'image de ton choix ;) Et pour que ça fasse bien, tu peux faire une image représentant ton hors programme ! et une représentant en programme !!!
toutes les deux pourraient ressembler à des boutons !
Petit conseil fais toi un dossier avec tous tes fichiers ... ne laisse pas tout en vrac sur le bureau, c'est plus propre !
Pour faire un style bouton tu peux rajouter un pti hover en css sur une image en background du lien. Ce sera plus fun...
Je t'assure c'est pas compliqué de donner une forme de bouton à ton lien ... suffit juste de créer un image rectangulaire aux bord arrondis et de faire comme je t'ai dit au dessus :
<a href="interfacep2.html"><img src="mon_image.jpg" alt="mon image"></a>
essaie tu verras c'est pas dur ... si t'as un souci n'hésite pas !
<a href="interfacep2.html"><img src="mon_image.jpg" alt="mon image"></a>
essaie tu verras c'est pas dur ... si t'as un souci n'hésite pas !
Rebonjour :)
Alors j'ai téléchargé un petit pack .gif de boutons sur le net, mais maintenant, mon soucis est d'arriver à mettre un mot a l'intérieur de ces boutons.
Car en effet , lorqu'on passe la souris sur ces boutons, cela affiche : oui et non, mais je souhaiterais aussi que oui et non apparaissent a l'intérieur des boutons!!
Alors j'ai téléchargé un petit pack .gif de boutons sur le net, mais maintenant, mon soucis est d'arriver à mettre un mot a l'intérieur de ces boutons.
Car en effet , lorqu'on passe la souris sur ces boutons, cela affiche : oui et non, mais je souhaiterais aussi que oui et non apparaissent a l'intérieur des boutons!!
tu mets l'image en background (css) et un simple texte dans ton <a></a>, à condition que ton image soit un simple fond sans texte...
Bon finalement j'ai modifié le petit bouton et ecrit le texte moi même :)
Maintenant, j'ai un soucis avec le fait d'incorporer une image de fond sur ma page :
Mon code de page est :
<html>
<head>
<title>Interface du guide du pilote projet</title>
</head>
<body><link href="style.css" rel="stylesheet" type="text/css"</body>
<body>
<CENTER><font size="+5"> Vous êtes nouvel arrivant ?</SIZE></FONT>
<BR>
<BR>
<BR>
<BR>
<BR>
<table>
<tr>
<td><a href="interface_nouvel_arr.html"><img src="boutons\b1.gif" alt="Oui"></a></td>
<td><a href="interface_pas_nouvel_arr.html"><img src="boutons\b2.gif" alt="Non"></a></td>
<td></td>
</tr>
</table>
</CENTER>
</body>
</html>
et dans mon fichier css j'ai :
body{
background-image: url("fondBT.gif") fixed;
}
Mais le fond ne s'affiche pas...a votre avis, d'où vient le problème?? :x
Maintenant, j'ai un soucis avec le fait d'incorporer une image de fond sur ma page :
Mon code de page est :
<html>
<head>
<title>Interface du guide du pilote projet</title>
</head>
<body><link href="style.css" rel="stylesheet" type="text/css"</body>
<body>
<CENTER><font size="+5"> Vous êtes nouvel arrivant ?</SIZE></FONT>
<BR>
<BR>
<BR>
<BR>
<BR>
<table>
<tr>
<td><a href="interface_nouvel_arr.html"><img src="boutons\b1.gif" alt="Oui"></a></td>
<td><a href="interface_pas_nouvel_arr.html"><img src="boutons\b2.gif" alt="Non"></a></td>
<td></td>
</tr>
</table>
</CENTER>
</body>
</html>
et dans mon fichier css j'ai :
body{
background-image: url("fondBT.gif") fixed;
}
Mais le fond ne s'affiche pas...a votre avis, d'où vient le problème?? :x
En fait , on peut pas parler réellement de site, car il sera hebergé sur le réseau de l'entreprise et non pas sur le web, et sinon j'ai un dossier principal, avec dedans les pages html correspondant a chaque choix, les boutons et le logo que je veux en fond de page, et des dossiers, où se situent les documents qui seront ouvert suivant les reponses aux questions.
Tout fonctionne, a part le fait que je ne peux pas afficher le fond de page.
mon dossier facine est sur mon bureau, nommé "guide du PP", et a l'intérieur, il y a mes pages html, mon fond logo et mon stylet scc :) (j'espere avoir été clair xD)
Tout fonctionne, a part le fait que je ne peux pas afficher le fond de page.
mon dossier facine est sur mon bureau, nommé "guide du PP", et a l'intérieur, il y a mes pages html, mon fond logo et mon stylet scc :) (j'espere avoir été clair xD)
Ok, si il n'y a aucun sous dossier, l'adresse est donc bonne, l'extension du fichier c'est bien .gif? Essaye de remplacer un background-image par background-color por voir si le fond s'affiche bien.
Essaye avec des ' à la place des " , et enlève le fixed...Si ça ne marche pas pour ton image met ./image.gif
..toujours pas.. !(
J'en viens a me demander si sj'apelle bien le style CSS dans ma page web, c'est à dire si j'ai bien placé le
<body><link href="style.css" rel="stylesheet" type="text/css"</body>
Et si par hasard, le fait de fermer le body puis d'en reouvrir un derriere ne pose pas un probleme
J'en viens a me demander si sj'apelle bien le style CSS dans ma page web, c'est à dire si j'ai bien placé le
<body><link href="style.css" rel="stylesheet" type="text/css"</body>
Et si par hasard, le fait de fermer le body puis d'en reouvrir un derriere ne pose pas un probleme
Tu as deux body dans la même page html? ah j'avais pas vu!!!!
Bon pour commencer pour appeler ta feuille css, tu fais :
Tu le mets entre les balises head surtout pas dans le body, et encore moins avec deux body sur une même page... Je vois pas comment je suis passé a coté de ça...^^'
Bon pour commencer pour appeler ta feuille css, tu fais :
<link rel="stylesheet" href="style.css" type="text/css" />
Tu le mets entre les balises head surtout pas dans le body, et encore moins avec deux body sur une même page... Je vois pas comment je suis passé a coté de ça...^^'
Hum marche tjrs paaaaaaas, ce qui est bizarre, c'est que meme avec deux balises body, et l'appel du css dans les balises body, si je met une background-color, ca marchait..la c'est vraiment l'image (les) qui deconnent, bon je vais essayer de tripatouiller tout ca, et je te tiens au courant Devilish, merci de ta patience en tout cas :)
Pas de problème, si j'ai un idée lumineuse je posterais ici...
Pile la taille de la page? Si ta page change de taille en fonction de la résolution on montant une usine a gaz c'est faisable^^. Mais si tu as ta taille de page et de design, tu la fais toi même... Pour excel on va dire que je suis pas doués avec les tableurs en générale^^"
Bon j'espere simplement que les resol dans la boîte sont les même pour tout les pc, j'ai reduit mon image pour qu'elle fasse pile la taille de la page, ca passe plutot bien :=)
Sinon, une derniere question html : En fait dans mon fond, j'ai une sorte de dessin en bas a gauche, alors j'aimerais que le texte ne passe pas sur ce dessin...
En gros, j'aimerais que mon texte ait une butée et ne commence, par exemple, qu'a partir de 6 cm a partir de la marge de gauche...faisable?^^
Et pour excel, j'aurais voulu créer un lien dans le tableau, ce lien est un lien vers le réseau, et je ne parviens aps a faire que ce lien soit cliquable, et donc actif :)
Sinon, une derniere question html : En fait dans mon fond, j'ai une sorte de dessin en bas a gauche, alors j'aimerais que le texte ne passe pas sur ce dessin...
En gros, j'aimerais que mon texte ait une butée et ne commence, par exemple, qu'a partir de 6 cm a partir de la marge de gauche...faisable?^^
Et pour excel, j'aurais voulu créer un lien dans le tableau, ce lien est un lien vers le réseau, et je ne parviens aps a faire que ce lien soit cliquable, et donc actif :)
Dans ce cas tu peu l'enlever de ton fond en faire une image et lui donné des propriété de margin.
Ok, en gros, j'enleve l'image du fond, ce qui en passant ne va pas etre chose aisée n'ayant pas Photoshop au taf et que l'image n'est pas "carée", elle représente un bonhomme :), et ensuite je la défini en image avec une propriété de marge, dont je ne connais pas l'existance^^.
Bon je retourne a mes recherches alors :)
Bon je retourne a mes recherches alors :)
Tu utilise une feuille css et tu ne sais pas ce qu'est une class? Bon je ne peu pas te faire un cours sur les css ici ^^'. Va sur le site du zéro leur tutos sont plutôt bien fait ça pourrais t'aider.
https://openclassrooms.com/fr/
https://openclassrooms.com/fr/
Merci beaucoup, ce tuto est vraiment tres bien fait, je comprends maintenant comment utiliser les css, je me permet meme quelques petites mises en pages perso :)
Merci pour tes (vous) réponses, elles m'ont vraiment bcp aidé ;)
Edit : un nouveau petit soucis :)
En fait je voudrais centrer par rapport a la marge le code :
<center><font size="+4"><u>Aller vers l'interface?</u></font></center>
<BR>
<td><center><a href="interface_du_pp_gci.html"><img src="boutons\b1.gif" alt="Aller vers l'interface"></a></td></center>
Mais je ne peux pas faire comme rpécédemment.
Avant j'employais des balises p comme :<p class="important"> avec le css
.important
{
margin-left = "305px";
}
Mais la ca ne fonctionne pas, donc je me demande quel coede utiliser pour centrer par rapport a la marge le texte : Aller vers l'interface? ainsi que le bouton ;)
Merci pour tes (vous) réponses, elles m'ont vraiment bcp aidé ;)
Edit : un nouveau petit soucis :)
En fait je voudrais centrer par rapport a la marge le code :
<center><font size="+4"><u>Aller vers l'interface?</u></font></center>
<BR>
<td><center><a href="interface_du_pp_gci.html"><img src="boutons\b1.gif" alt="Aller vers l'interface"></a></td></center>
Mais je ne peux pas faire comme rpécédemment.
Avant j'employais des balises p comme :<p class="important"> avec le css
.important
{
margin-left = "305px";
}
Mais la ca ne fonctionne pas, donc je me demande quel coede utiliser pour centrer par rapport a la marge le texte : Aller vers l'interface? ainsi que le bouton ;)
Dans index.html
<html>
<head>
<title>Ton titre</title>
</head>
<body>
<form action="controlleurIndex.php" method="post">
[...]
<INPUT type="submit" value="Hors programme" name="hors_prog">
<INPUT type="submit" value="En programme" name="en_prog"></CENTER></FONT>
</form>
</body>
</html>
Donc voila ta page index.html
Cette page renvoie sur controlleurIndex.php, t'es d'accord ?! (grâce à action du form) ...
Dans ta page controlleurIndex.php :
<?php
if (isset($_REQUEST['hors_prog'])) {
//Alors tu vas ici :Interfacep2.html
header('Location: Interfacep2.html');
}
if (isset($_REQUEST['en_prog'])) {
//Tu vas à ton autre page
}
?>
Est ce que tu me suis toujours ?
Et ensuite tu crées tes pages Interfacep2.htm et l'autre (quand t'utilises le submit en programme). Et t'y écris ta page normale ! (comme tu la veux) !!!