Flux rss
Ils ont besoin de votre aide
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Bouton pointant vers lien page différente

petitbarbu, le mercredi 1 novembre 2006 à 12:31:04
Salut tt le monde et d'avance merci pour l'aide que vous pouvez apporter aux novices en tout genre.

Suite à la création d'une page web, j'ai trouvé grâce à vous comment changer de simples liens html en boutons.

ici je souhaiterais faire pointer le bouton vers le lien html à ouvrir dans une autre page afin de permettre aux visiteurs de rapidement revenir au menu principal. chaque bouton devant ouvrir une nouvelle page web.
en effet, la page web se décline en 1/4 - 3/4...
le 1er quart = menu, le 3/4 = l'ouverture des liens.

script html qui ouvre le fichier souvenirs dans une seconde fenêtre nommée body:
<a href="photos/Souvenirs/index.html" target="body">Souvenirs souvenirs...</a>

script java que vous proposés et qui "écrase" la page menu...
de ce fait pour y revenir, il faut faire 'back autant de fois que nécessaire...
<input type="button" value="Souvenirs, souvenirs..." onClick="javascript:location.href='photos/Souvenirs/index.html'" />
(j'ai laissé tombé la partie font du script)

en espérant obtenir une soluce.
merci.
a+
Répondre à petitbarbu  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
DiabloBros, le mercredi 1 novembre 2006 à 15:21:45
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
   
Répondre à DiabloBros

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
petitbarbu, le mercredi 1 novembre 2006 à 19:02:08
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.
   
Répondre à petitbarbu

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
PhP, le jeudi 2 novembre 2006 à 11:04:58
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é.

@+



PhP  
Il y a 10 types de personnes dans le monde : ceux qui compre­nnent le binaire et les autres ...
   
Répondre à PhP

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
petitbarbu, le jeudi 2 novembre 2006 à 13:22:45
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
   
Répondre à petitbarbu

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
PhP, le samedi 4 novembre 2006 à 15:43:56
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) 

<!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.

@+
PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...
   
Répondre à PhP

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 petitbarbu, le mercredi 8 novembre 2006 à 13:03:00
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+
   
Répondre à petitbarbu
Posez votre question Répondre

Résultats pour bouton pointant vers lien page différente

Changer ma page suivant la façon d'y accéder (Résolu) Bonjour, Je développe un site perso. J'ai 2 liens (un dans page 1 et un dans page 2) qui pointent vers une page cible. Je souhaiterai modifier ma page cible en fonction de la page sur laquelle on a cliqué sur le lien. Pouvez-vous m'y aider ?... www.commentcamarche.net/forum/affich-3690904-changer-ma-page-suivant-la-facon-d-y-acceder
Pub flash dans page html (Résolu) Bonjour, j'ai creer une petite pub video et un bouton pointant vers un site, mais ca ne fonctionne pas entiérement. j'ai utiliser flash cs3. dans flash lorsque je click Ctrl+Ent pour previsualiser, ca fonctionne mais lorsque je le met sur ma... www.commentcamarche.net/forum/affich-5414428-pub-flash-dans-page-html
HTTPS (Résolu) Petite question aux connaisseurs : Supposons que je suis sur une page utilisant le protocole HTTP. Sur cette page il y a un formulaire dont la soumission pointe vers une page de type HTTPS://... Les données transmises via ce formulaire sont elles... www.commentcamarche.net/forum/affich-1409411-https

Résultats pour bouton pointant vers lien page différente

Google - Recherche des pages qui pointent vers un site donnéAvec Google il est possible de trouver les pages web qui pointent vers un site spécifique avec l’opérateur link: (utile pour les webmasters afin de connaître la cote de leur site). Syntaxe à utiliser : link:adresse_du_site Ex :... www.commentcamarche.net/faq/sujet-801-google-recherche-des-pages-qui-pointent-vers-un-site-donne
Réponses suivantes

Résultats pour bouton pointant vers lien page différente

Envoyer un lien vers la page .... (Résolu)Bonjour Quand je veux envoyer l'adresse d'une page Web, je fais Fichier/envoyer un lien vers la page. Mais alors c'est toujours Outlook express qui veut s'ouvrir. Comment désactiver Outlook et mettre Thunderbird. J'ai beaucoup... www.commentcamarche.net/forum/affich-3603672-envoyer-un-lien-vers-la-page
Lien de powerpoint vers une page excel? (Résolu)Bonjour, je souhaiterais faire un lien à partir d'un powerpoint vers une page d'un fichier excel et ensuite revenir à mon powerpoint. pourriez-vous m'aiguiller svp? merci www.commentcamarche.net/forum/affich-4779523-lien-de-powerpoint-vers-une-page-excel
Problème lien vers nouvelle page (Résolu)Bonjour, Je fais mon site internet avec FrontPage et là je voudrais rajouter une page donc je mets mon lien vers cette page sur ma page d'accueil etc, je publie mes pages et mes photos via Cute FTP comme d'habitude et quand je clique sur le... www.commentcamarche.net/forum/affich-9624320-probleme-lien-vers-nouvelle-page
Réponses suivantes

Résultats pour bouton pointant vers lien page différente

Télécharger XnviewXNView est un logiciel permettant de visualiser et de convertir les fichiers graphiques. Il support plus de 400 formats graphiques et permet d'exporter vers 50 formats différents ! Il existe des versions compatibles pour LINUX, MAC OSX, FreeBSD,... www.commentcamarche.net/telecharger/telecharger-134-xnview
Réponses suivantes

Résultats pour bouton pointant vers lien page différente

[Brève] "Fort Boyard" disponible sur DS en juin(Paris - Relaxnews) - Déjà sorti sur PC en 2006, Ford Boyard Le jeu sera disponible sur la Nintendo DS à partir du mois de juin prochain.Cette nouvelle version reprendra les différentes épreuves soumises aux candidats du jeu télévisé et ajoutera une... www.commentcamarche.net/actualites/breve-fort-boyard-disponible-sur-ds-en-juin-3028088-actualite.php3
Réponses suivantes

Résultats pour bouton pointant vers lien page différente

Faire un lien vers CommentCaMarcheVous êtes le bienvenu pour faire un lien vers CommentCaMarche.net ! Vous avez l'autorisation de faire pointer un lien vers la page d'accueil de CommentCaMarche.net ou bien directement vers un des articles. Si vous voulez agrémenter le lien d'une... www.commentcamarche.net/contents/ccmguide/ccmlogos.php3
Langage C - Les listes chaînéesLa notion de structure autoréferrentielle Une structure autoréferrentielle (parfois appelée structure récursive) correspond à une structure dont au moins un des champs contient un pointeur vers une structure de même type. De cette façon on crée... www.commentcamarche.net/contents/c/cliste.php3
Réponses suivantes