[HTML] redirection href vers div

**pavlacki** · 28/06/2007, 00h48

salut,

je suis débutant en HTML.

j'ai un div, et un lien href
J'aimerais envoyer le lien du href vers la section div.

j'ai essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="maSection">
    .....
</div>
 
<a href="./myNewpage.html" target="maSection">lien_click</a>

Ca ne marche pas.
quelqu'un a t-il une idée comment je pourrais faire.

Merci d'avance

**giragu03** · 28/06/2007, 12h22

Salut,
Il faut faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#maSection">lien_click</a>

target est le nom de la fenêtre ou du frame de destination.

**LeXo** · 28/06/2007, 12h32

c ça il me semble

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a name="identifier"> </a>
 
<a href="#identifier">Allez la</a>

**pavlacki** · 28/06/2007, 23h36

je crois mal m'expliquer.

J'aimerais utiliser un div comme une frame.
et envoyer un lien href dans la section <div>.

est-ce possible?

**Xann_71** · 29/06/2007, 11h28

Si j'ai bien comprit, tu veux que, en sélectionnant tel lien, tu es tel élément qui s'affiche dans ton div?

Oui c'est possible je suis en train de bosser dessus mais ça a l'air assez chaud.
Tiens j'ai une adresse où tu es censé trouver ta réponse mais bonne chance, je débute et je comprend pas grand chose^^.
http://perso.orange.fr/stephane.mori..._1/index.shtml

**LeXo** · 29/06/2007, 12h53

en fait tu veux rendre dynamique l'intérieur de ton div

alors faudrait t'il passer par un langage comme PHP ou peut etre du javascript

**blueice** · 29/06/2007, 12h57

Pour info :

c ça il me semble

Code :
<a name="identifier"> </a>

<a href="#identifier">Allez la</a>

C'est plutôt comme ca :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div id="identifier">Toto....</div>
<a href="#indentifier">Aller là</a>

Et donc il suffit de faire :
Page avec un div spécifique :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="identifier">Toto....</div>

Lien envoyant sur la page avec div spécifique

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="lapage.html#indentifier">Aller à lapage.html sur une div particulière</a>

**Xann_71** · 29/06/2007, 13h55

oui lexo c'est comme ça mais ta vu le lien que j'ai envoyé? ^^ Un peu complexe pour moi, je fais du javascript depuis trois jours et mis à part les if, for..., y'a pas grand chose que je comprend^^.Mais je vais bien être obligé de passer par la.

**blueice** · 29/06/2007, 14h06

j'ai donné la solution !
Pas besoin de Javascript ou de langage dynamique !

**Xann_71** · 03/07/2007, 18h26

Moi sa ne fonctionne pas, ou alors je me suis planté quelque part

sa me remet tout une page mais si tu veux que la page que tu charge ne s'affiche que dans un div de ta page principale tu fais comment?

**Xann_71** · 04/07/2007, 10h23

Oui en fait, ta solution permet d'accéder à une div d'une autre page, c'est une ancre sur une autre page en fait.

Mais si j'ai comprit ce qu'il cherche ( et que je cherche aussi d'ailleurs

) c'est d'avoir une page principale dans ce style:

/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////|_______en-tête_______|/////////////////////
/////////////////////////////////////////////////////////////////////////////////
//|menu |////////////|_______div:contenu_modifiable______|/////////////
//|_____|////////////|________________________________|/////////////
//|_____|////////////|________________________________|/////////////
//|_____|////////////|________________________________|/////////////
/////////////////////////////////////////////////////////////////////////////////

Et quand je click sur un lien du menu, seul le "div:contenu_modifiable" soit modifier. En fait que le menu et l'en-tête ne soit pas rechargé et que seul la page appelée par le lien soit chargée dans le div seulement:

/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////|_______en-tête_______|/////////////////////
/////////////////////////////////////////////////////////////////////////////////
//|menu |////////////|_____div:page_chargée_par_lien_____|/////////////
//|_____|////////////|________________________________|/////////////
//|_____|////////////|________________________________|/////////////
//|_____|////////////|________________________________|/////////////
/////////////////////////////////////////////////////////////////////////////////

Si tu peux m'expliquer comment faire ça, merci

**blueice** · 04/07/2007, 11h06

Mais la page est dans le cache donc quand tu rappelles une autre page, le reste n'est pas rechargé, à moins que l'utilisateur ne force le rafraîchissement sur chaque page.
Sinon il faut utiliser des frames et c'est très très très mauvais pour toutes sortes de raisons que je ne vais pas énumérer.

**Xann_71** · 04/07/2007, 12h03

Ouai je sais faut pas utiliser les frames, en plus je fais des pages qui doivent être accessibles donc voila la raison principale pour laquelle je peux pas m'en servir

. Mais j'ai essayé le code que tu as donné et sa marche pas comme je voudrais :'( .
En fait sa m'affiche juste:

/////////////////////////////////////////////////////////////////////////////
//|_______________Page_chargée_par_lien___________________|//
//|_____________________________________________________|//
//|_____________________________________________________|//
//|_____________________________________________________|//
/////////////////////////////////////////////////////////////////////////////

Au lieu de laisser l'en-tête et le menu

**blueice** · 04/07/2007, 13h33

Ce que j'ai donné ne sert pas à ce que tu veux faire.
Ton problème n'en est pas un.
Ce que tu veux c'est que les éléments ne soient pas rechargés à chaque fois, comme je l'ai dis, ils restent dans le cache du navigateur...donc aucun problème.
Si maintenant c'est pour des raisons de facilité de maintien du site, il faudra voir à faire des includes en PHP, ASP,...à voir donc si ca vaut le coup.
Si c'est un petit site statique, il suffit de faire du rechercher/remplacer sur les pages pour modifier toutes les pages...
Sinon les includes peuvent s'avérer très utile.
Mais là encore ca ne change rien à ce que tu veux faire à la base, seules les frames permettent ca...

**Xann_71** · 04/07/2007, 14h01

Ok pourtant j'ai vu des site qui n'ont pas de frames et j'avais l'impression que sa fonctionnait comme ce que je recherche. De plus, avec un object pour la vidéo, on peut réaliser ça, un lien qui charge une vidéo dans l'object en restant dans la même page. Alors je pensais que c'était réalisable aussi avec les pages html si on les méttaient dans des objects.

Merci quand même je vais essayer de faire autrement.

**blueice** · 04/07/2007, 15h23

Dans ce genre de cas se serait plus du style Javascript dans ce cas...
Il existe aussi des systèmes de cache (langage dynamique), qui stocke les pages pour accélérer l'affichage et éviter ainsi les surcharges inutiles du serveur.

Mais quel est ton but et ta raison pour vouloir adopter un tel système ?

**Xann_71** · 05/07/2007, 12h28

ben en fait je fait des pages web pour une entreprise où je suis en stage et on ma demandé de faire des pages comme ça. Je galère pas mal^^.
J'ai essayer avec du javascript. Quand je met des vidéos dans la balise object, les liens lance bien leur film dans le lecteur mais dés que je modifie les liens pour qu'ils affichent une page html de l'object, sa ne fonctionne plus, il n'ya que la page html chargée à l'ouverture de la page qui s'affiche, les lien ne fonctionnent pas.

Page vidéo

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<!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>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive" />
		<title>page multi video</title>
		<link rel="stylesheet" media="screen" type="text/css" href="site.css" />
		<script src="site.js" language="Javascript" type="text/javascript">
		</script>
	</head>
 
	<body>
		<div id="header">
			<h1>
				Site affichant plusieurs vid&eacute;os sous une m&ecirc;me page
			</h1>
		</div>
		<div id="main">
			<object id="player" type="video/x-msvideo" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
				<param name="stretchToFit" value="-1">
			</object>
		</div>
		<div id="omain">
			<object id="oplayer" type="video/x-msvideo" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
				<param name="stretchToFit" value="-1">
			</object>
		</div>
		<div id="menu">
			<h3>
				Menu
			</h3>
			<ul>
				<li><a href="#" onclick="play('MaVideo1.asx')">vid&eacute;o carreleur</a></li>
					<ul>
						<li><a href="#" onclick="play('MaVideo1.asx?p=wm&amp;q=h&amp;s=00:01:00.0&amp;d=00:01:10.0')">chapitre 1</a></li> /* Se lien qui devrai permettre de diviser la vidéo en chapitre ne fonctionne pas, il renvoi au début de la video*/
					</ul>
				<li><a href="#" onclick="play('MaVideo2.asx')">vid&eacute;o carreleuse</a></li>
				<li><a href="#" onclick="lire('MaVideo3.wmv')">vid&eacute;o VTT</a></li>
				<li><a href="#" onclick="lire('Video 2.wmv')">vid&eacute;o 2</a></li>
			</ul>
		</div>
	</body>
 
</html>

code javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
function play(filename)
	{
	 player.url = filename;
	}
function lire(filename)
	{
	 oplayer.url = filename;
	}

La les lien fonctionnent. Sauf un en fait, celui du chapitrage de video, si quelqu'un peut me donner un coup de main pour ça

.

Pour ce qui est de ma page ou je fais appel a d'autres pages html au lieu des vidéos, j'ai reprit le meme code mais est changé 2, 3 éléments pour tenter de le faire fonctionner:

Page avec appel d'autres page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<!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>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive" />
		<title>page multi video</title>
		<link rel="stylesheet" media="screen" type="text/css" href="../site.css" />
		<script src="../site.js" language="Javascript" type="text/javascript">
		</script>
	</head>
 
	<body>
		<div id="header">
			<h1>
				Site affichant plusieurs page sous une m&ecirc;me page
			</h1>
		</div>
		<div id="main">
			<object id="player" data="Page sommaire.html" type="text/html" align="center" width="100%" height="600">
			</object>
		</div>
		<div id="menu">
			<h3>
				Menu
			</h3>
			<ul>
				<li><a href="#" onclick="play('Page sommaire.html')">page sommaire</a></li>
				<li><a href="#" onclick="play('Page 1.html')">page 1</a></li>
			</ul>
		</div>
	</body>
 
</html>

code javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function play(filename)
	{
	 player.data = filename;
	}

[ J'ai eu un appel pendant que j'étais en train d'écrire se message au sujet de se fonctionnement et on ma proposé d'utiliser AJAX (un membre de se site aussi m'en a parlé hier) je vais donc me pencher sur la question et vous transmettrait ce que j'aurais trouvé]

PS: Je fais en sorte aussi qu'elles soient accessible et c'était bon selon le validateur du W3C. J'étais trop content, mais hier un développeur est venu voir et ma cassé le moral mdr.
Non j'éxagère elle a été cool mais quand elle m'a montrer les outils qu'elle utilise pour valider ses pages... Ben j'ai vu que en fait il retse pas mal de boulo que le validateur du W3C ne me donnait pas ^^. Je m'étais basé sur http://www.la-grange.net/accessibilite/ pour rendre mes pages accessible eh ben en fait il manque quelques astuces faut croire^^.
Mais c'est vraiment bien quand même comme site, je critique pas hein!

Désolé pour ce petit spitch qui n'avait peut être pas lieu d'être la mais il pourrra toujours être utile à quelqu'un j'espère.

[HTML] redirection href vers div

HTML

Discussions similaires

Partager

Partager