Bouton pointant vers lien page différente
Fermé
petitbarbu
Messages postés
7
Date d'inscription
mercredi 1 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2006
-
1 nov. 2006 à 12:31
petitbarbu Messages postés 7 Date d'inscription mercredi 1 novembre 2006 Statut Membre Dernière intervention 21 décembre 2006 - 8 nov. 2006 à 13:03
petitbarbu Messages postés 7 Date d'inscription mercredi 1 novembre 2006 Statut Membre Dernière intervention 21 décembre 2006 - 8 nov. 2006 à 13:03
A voir également:
- Bouton pointant vers lien page différente
- Supprimer une page word - Guide
- Lien copie - Forum Android
- Bouton on off ✓ - Forum Loisirs / Divertissements
- Lien url - Guide
- Windows 7 vers windows 10 - Guide
6 réponses
franchement g pas tous bien capté c pas super bien expliqué.
mais si ton désir est d'ouvrir un lien dans une nouvelles page :
target="_blank"
voila
mais si ton désir est d'ouvrir un lien dans une nouvelles page :
target="_blank"
voila
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
607
4 nov. 2006 à 15:43
4 nov. 2006 à 15:43
Bjr,
Si tu débutes, laisse tomber les codes récupérés à droite à gauche (sauf s'il s'agit d' un tutorial) et commence par le début :
d'abord exit ton éditeur HTML fétiche et utilise le bloc note. Je sais c'est nul, c'est austère, c'est pas WYSIWYG etc, etc, etc ... mais au moins tu apprends !
La page contenant les cadres : index.htm (mais tu peux aussi bien la nommée petitbarbu.htm)
Tu peux utiliser le copier-coller LOL
Le code bizarre qui commence par "<!DOCTYPE" sert à indiquer explicitement au navigateur qu'on veut utiliser les cadres. Mais passons ...
Au niveau de la balise <frameset> (jeu de cadres) on indique grâce à l'attribut cols que les cadres qui vont suivent vont se présenter en colonnes. Ensuite on indiuque pour chaque cadre se largeur : ici 25% soit 1/4 pour le premier puis * , c'est-à-dire tout l'espace restant, pour le second.
Ensuite on définit chaque cadre :
Donc dans cette page on définit 2 cadres nommés "frame_menu" et "frame_data" (tu peux donner le nom que tu veux)
Chaque cadre va servir à afficher une page HTML , il faut donc indiquer de quelle page il s'agit au départ pour que le navigateur affiche quelque chose et ne génère pas une erreur.
On décide que la page contenant le menu s'appelle menu.htm et que la page par défaut qui s'affiche dans le cadre frame_data s'appelle accueil.htm. Pourquoi pas ?
scrolling="no" : interdit l'affiche des ascenseurs, donc pas défilement possible. A toi de voir si tu veux qd même les ascenseurs.
noresize : interdit à l'utilisateur de redimensionner la largeur du cadre donc ici de ton menu.
frameborder="0" : n'affiche aucune bordure autour des cadres
Et voici les 2 pages
menu.htm :
Tu noteras que j'ai mis un fond gris clair pour bien distinguer le cadre contenant le menu : bgcolor="#E0E0E0"
La page accueil.htm
Voilà tu copies ces 3 fichiers dans le même répertoire puis tu ouvres index.htm
A suivre : tjrs plus fort !
Ajouter un bouton dans le menu et afficher une photo dans le cadre de droite lorsqu'on clique dessus.
@+
Si tu débutes, laisse tomber les codes récupérés à droite à gauche (sauf s'il s'agit d' un tutorial) et commence par le début :
d'abord exit ton éditeur HTML fétiche et utilise le bloc note. Je sais c'est nul, c'est austère, c'est pas WYSIWYG etc, etc, etc ... mais au moins tu apprends !
La page contenant les cadres : index.htm (mais tu peux aussi bien la nommée petitbarbu.htm)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Le site de Petitbarbu</title>
</head>
<frameset cols="25%,*">
<frame src="menu.htm" name="frame_menu" scrolling="no" noresize frameborder="0">
<frame src="accueil.htm" name="frame_data" frameborder="0">
<noframes>
Votre navigateur ne peut malheureusement pas afficher cette page!
</noframes>
</frameset>
</html>
Tu peux utiliser le copier-coller LOL
Le code bizarre qui commence par "<!DOCTYPE" sert à indiquer explicitement au navigateur qu'on veut utiliser les cadres. Mais passons ...
Au niveau de la balise <frameset> (jeu de cadres) on indique grâce à l'attribut cols que les cadres qui vont suivent vont se présenter en colonnes. Ensuite on indiuque pour chaque cadre se largeur : ici 25% soit 1/4 pour le premier puis * , c'est-à-dire tout l'espace restant, pour le second.
Ensuite on définit chaque cadre :
Donc dans cette page on définit 2 cadres nommés "frame_menu" et "frame_data" (tu peux donner le nom que tu veux)
Chaque cadre va servir à afficher une page HTML , il faut donc indiquer de quelle page il s'agit au départ pour que le navigateur affiche quelque chose et ne génère pas une erreur.
On décide que la page contenant le menu s'appelle menu.htm et que la page par défaut qui s'affiche dans le cadre frame_data s'appelle accueil.htm. Pourquoi pas ?
scrolling="no" : interdit l'affiche des ascenseurs, donc pas défilement possible. A toi de voir si tu veux qd même les ascenseurs.
noresize : interdit à l'utilisateur de redimensionner la largeur du cadre donc ici de ton menu.
frameborder="0" : n'affiche aucune bordure autour des cadres
Et voici les 2 pages
menu.htm :
<html> <head> <title>Le site de Petitbarbu - Menu</title> </head> <body bgcolor="#E0E0E0"> Page Menu </body> </html>
Tu noteras que j'ai mis un fond gris clair pour bien distinguer le cadre contenant le menu : bgcolor="#E0E0E0"
La page accueil.htm
<html> <head> <title>Le site de Petitbarbu - Accueil</title> </head> <body> Page Accueil </body> </html>
Voilà tu copies ces 3 fichiers dans le même répertoire puis tu ouvres index.htm
A suivre : tjrs plus fort !
Ajouter un bouton dans le menu et afficher une photo dans le cadre de droite lorsqu'on clique dessus.
@+
petitbarbu
Messages postés
7
Date d'inscription
mercredi 1 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2006
1 nov. 2006 à 19:02
1 nov. 2006 à 19:02
alors, déjà merci de prêter attention à ma demande, c'est sympa.
ma page web est divisée en deux.
première partie = les différents liens proposés.
deuxième partie = développement des liens
exple:
liens = photo1
éh bien en clikant sur le lien photo 1,
la photo s'affiche dans la seconde partie de l'écran.
ce qui permet au visiteur d'accéder et d'avoir sous les yeux le sommaire du site...
avec le script mentionné dans le 1er message, la photo
apparait à la place du menu et non pas dans la partie droite, celle réservée.
est-ce plus clair?
merci.
bonne soirée.
ma page web est divisée en deux.
première partie = les différents liens proposés.
deuxième partie = développement des liens
exple:
liens = photo1
éh bien en clikant sur le lien photo 1,
la photo s'affiche dans la seconde partie de l'écran.
ce qui permet au visiteur d'accéder et d'avoir sous les yeux le sommaire du site...
avec le script mentionné dans le 1er message, la photo
apparait à la place du menu et non pas dans la partie droite, celle réservée.
est-ce plus clair?
merci.
bonne soirée.
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
607
2 nov. 2006 à 11:04
2 nov. 2006 à 11:04
Bjr,
Non c'est toujours pas clair !
Voici ce que j'ai compris :
ta page se décompose en 2 zones :
la zone de gauche contient un menu constitué d'un ou plusieurs boutons empilés les uns sous les autres
cette zone occupe toute la hauteur de la page et 1/4 de la largeur disponible : correct ?
la zone de droite sert à afficher un contenu quelconque lorsqu'on clic sur un bouton dans le menu de gauche.
cette zone occupe toute la hauteur de la page et 3/4 de la largeur disponible : correct ?
Donc en fait ce que tu veux faire c'est utilisé des frames ou cadres
Tu dois donc avoir la structure suivante :
Une page principale qui va indiquer comment tu souhaites décomposer ta page.
Elle ne va contenir pratiquement aucun code mais juste des instructions pour dire : voilà je découpe ma page en 2 cadres ou frames un cadre à gauche et un cadre à droite.
Et précision importante tu donnes un nom à chacun de ces cadres pour pouvoir y accèder ! Par ex cadre_gauche et cadre_droit
Un page nommée menu dans laquelle tu places tes boutons : cette
page sera affichée dans le cadre gauche
Autant de pages que d'options du menu : chacune de ces pages sera affichée dans le cadre droit
Si c'est ce que tu veux faire, ben mon gars t'as un travail de fond à faire : apprendre à utiliser les cadres, bien comprendre leur fonctionnement détaillé. LOL
Ceci dit c'est pas très compliqué.
@+
Non c'est toujours pas clair !
Voici ce que j'ai compris :
ta page se décompose en 2 zones :
la zone de gauche contient un menu constitué d'un ou plusieurs boutons empilés les uns sous les autres
cette zone occupe toute la hauteur de la page et 1/4 de la largeur disponible : correct ?
la zone de droite sert à afficher un contenu quelconque lorsqu'on clic sur un bouton dans le menu de gauche.
cette zone occupe toute la hauteur de la page et 3/4 de la largeur disponible : correct ?
Donc en fait ce que tu veux faire c'est utilisé des frames ou cadres
Tu dois donc avoir la structure suivante :
Une page principale qui va indiquer comment tu souhaites décomposer ta page.
Elle ne va contenir pratiquement aucun code mais juste des instructions pour dire : voilà je découpe ma page en 2 cadres ou frames un cadre à gauche et un cadre à droite.
Et précision importante tu donnes un nom à chacun de ces cadres pour pouvoir y accèder ! Par ex cadre_gauche et cadre_droit
Un page nommée menu dans laquelle tu places tes boutons : cette
page sera affichée dans le cadre gauche
Autant de pages que d'options du menu : chacune de ces pages sera affichée dans le cadre droit
Si c'est ce que tu veux faire, ben mon gars t'as un travail de fond à faire : apprendre à utiliser les cadres, bien comprendre leur fonctionnement détaillé. LOL
Ceci dit c'est pas très compliqué.
@+
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
petitbarbu
Messages postés
7
Date d'inscription
mercredi 1 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2006
2 nov. 2006 à 13:22
2 nov. 2006 à 13:22
slt PhP,
tu as bien résumé la situation.
en html une frame est créée (écran divisé en 2 dans le sens de la hauteur: partie gauche un menu avec des boutons, partie droite plus large avec l'affichage des photos après avoir cliker sur un lien).
dans le message de départ, il y a le script java trouvé sur ce forum et qui permet au visiteur de voir une page web s'afficher en clikant sur un bouton.
dans mon cas, avec ce script, la page qui s'ouvre le fait dans la partie gauche c à d là où se trouvent le sommaire avec les boutons; j'aimerais qu'en clikant, on conserve la partie gauche intacte et que les photos s'ouvrent dans la partie droite...
est-ce faisable?
si oui, comment modifier le script recopié dans le message de départ?
merciiiiiiiiii
tu as bien résumé la situation.
en html une frame est créée (écran divisé en 2 dans le sens de la hauteur: partie gauche un menu avec des boutons, partie droite plus large avec l'affichage des photos après avoir cliker sur un lien).
dans le message de départ, il y a le script java trouvé sur ce forum et qui permet au visiteur de voir une page web s'afficher en clikant sur un bouton.
dans mon cas, avec ce script, la page qui s'ouvre le fait dans la partie gauche c à d là où se trouvent le sommaire avec les boutons; j'aimerais qu'en clikant, on conserve la partie gauche intacte et que les photos s'ouvrent dans la partie droite...
est-ce faisable?
si oui, comment modifier le script recopié dans le message de départ?
merciiiiiiiiii
petitbarbu
Messages postés
7
Date d'inscription
mercredi 1 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2006
8 nov. 2006 à 13:03
8 nov. 2006 à 13:03
Slt PhP...
tout d'abord merci pr les explications et le temps passé.
je vais donc suivre ton conseil et recommencer le site bien à l'aise par le commencement (lol)
je n'hésiterai pas à venir faire toc-toc en cas de soucis.
a+
tout d'abord merci pr les explications et le temps passé.
je vais donc suivre ton conseil et recommencer le site bien à l'aise par le commencement (lol)
je n'hésiterai pas à venir faire toc-toc en cas de soucis.
a+