multiliens html sur une zone réactive

multiliens html sur une zone réactive - HTML/CSS - Programmation

Marsh Posté le 18-08-2006 à 22:07:35    


Bonsoir,
 comment insérer  plusieurs href et plusieurs target pour un même bloc de coordonnées?
 
je voudrais que le rectangle "94,71,185,89" m'ouvre 2 frames différentes dans 2 targets différents simultanément!
voici le code
 
<IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  <MAP name=map>
  <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
 
 
merci de m'aider.

Reply

Marsh Posté le 18-08-2006 à 22:07:35   

Reply

Marsh Posté le 18-08-2006 à 23:29:49    

bha tu ouvre la prmière, qui ouvre la seconde (body onload)


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 19-08-2006 à 12:39:04    

tu peux m'expliquer comment tu utilises le "body onload" stp...

Reply

Marsh Posté le 19-08-2006 à 12:54:19    

slr56 a écrit :

tu peux m'expliquer comment tu utilises le "body onload" stp...


 
 
<body onload="[ton_code]">
 
Edit : mais quitte à utiliser du JS, autant le faire sur le lien directement.
 
<area href="#" onclick="[ton_code]">
 
Edit 2 : <area href="#" onClick="parent.NOM_DE_LA_FRAME_1.document.location.href = 'LIEN_DU_CONTENU_DE_LA_FRAME_1'; parent.NOM_DE_LA_FRAME_2.document.location.href = 'LIEN_DU_CONTENU_DE_LA_FRAME_2'; return FALSE;">

Message cité 1 fois
Message édité par Dj YeLL le 19-08-2006 à 12:58:49

---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 19-08-2006 à 13:55:02    

merci je vais essayer ça cet après-midi

Reply

Marsh Posté le 20-08-2006 à 12:06:10    

<html>
<head>
<link href='style2.css' rel='stylesheet' type='text/css'>
<head>
<body bgcolor='white onload='<table width=100% align='center'>
    <TR><td>
     <IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  <MAP name=map>
  <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
    </td></TR>
>
<area href="#" onclick="    <TR><td>
     <IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  <MAP name=map>
  <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
    </td></TR>
">
 
Edit 2 : <area href="#" onClick="parent.menu.document.location.href = 'contenu.html'; parent.menu.document.location.href = 'contenu.html'; return FALSE;">
 
    <table HEIGHT=55% width=99% border=1 bordercolor='#D8EBFF'>
        <TR bordercolor='white'><TD>
 <iframe src='left_menu.html' name="menu"height=100% scrolling="Yes" width = 100.2% frameborder=0>
 </iframe></TD></TR>
    </table>
</table>
 
J'ai essayé de mettre le code en place mais j'ai des erreurs...
Voici mon code d'origine :  
<html>
<head>
<link href='style2.css' rel='stylesheet' type='text/css'>
<head>
<body bgcolor='white'>
<table width=100% align='center'>
    <TR><td>
     <IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  <MAP name=map>
  <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
 
 
    </td></TR>
 
</td></tr>
    <table HEIGHT=55% width=99% border=1 bordercolor='#D8EBFF'>
        <TR bordercolor='white'><TD>
 <iframe src='left_menu.html' name="menu"height=100% scrolling="Yes" width = 100.2% frameborder=0>
 </iframe></TD></TR>
    </table>
</table>
 
</body>
</html>
 
 
 
<br><FONT FACE="Century" SIZE=3 COLOR=#31659C><a href="..\indexEI.html" TARGET="_blank"><b COLOR=#31659C> IndexEI</b></a>  
 
</body>
</html>

Reply

Marsh Posté le 20-08-2006 à 12:08:05    

je recommence car j'ai valider trop vite!!!!
 
 
CODE D'ORIGINE :  
 
<html>
<head>
<link href='style2.css' rel='stylesheet' type='text/css'>
<head>
<body bgcolor='white'>
<table width=100% align='center'>
    <TR><td>
     <IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  <MAP name=map>
  <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
 
 
    </td></TR>
 
</td></tr>
    <table HEIGHT=55% width=99% border=1 bordercolor='#D8EBFF'>
        <TR bordercolor='white'><TD>
 <iframe src='left_menu.html' name="menu"height=100% scrolling="Yes" width = 100.2% frameborder=0>
 </iframe></TD></TR>
    </table>
</table>
 
</body>
</html>
 
 
CE QUE J'AI FAIT MAIS QUI NE FONCTIONNE PAS :
 
 
<html>
<head>
<link href='style2.css' rel='stylesheet' type='text/css'>
<head>
<body bgcolor='white onload='<table width=100% align='center'>
    <TR><td>
     <IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  <MAP name=map>
  <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
    </td></TR>
>
<area href="#" onclick="    <TR><td>
     <IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  <MAP name=map>
  <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
    </td></TR>
">
 
Edit 2 : <area href="#" onClick="parent.menu.document.location.href = 'contenu.html'; parent.menu.document.location.href = 'contenu.html'; return FALSE;">
 
    <table HEIGHT=55% width=99% border=1 bordercolor='#D8EBFF'>
        <TR bordercolor='white'><TD>
 <iframe src='left_menu.html' name="menu"height=100% scrolling="Yes" width = 100.2% frameborder=0>
 </iframe></TD></TR>
    </table>
</table>
 
<br><FONT FACE="Century" SIZE=3 COLOR=#31659C><a href="..\indexEI.html" TARGET="_blank"><b COLOR=#31659C> IndexEI</b></a>  
 
</body>
</html>
 
 
SI QUELQU'UN PEUT ME CORRIGER MERCI

Reply

Marsh Posté le 20-08-2006 à 12:11:38    

Mets ton code entre balise et fait un edit de ton post plutot que de reposter ;)


Message édité par Dj YeLL le 20-08-2006 à 12:11:53

---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 20-08-2006 à 14:50:49    

J'espère que ce sera plus clair...  :pt1cable:  :pt1cable:  
 
VOCI MON CODE D'ORIGINE :
 

Code :
  1. <html>
  2. <head>
  3. <link href='style2.css' rel='stylesheet' type='text/css'>
  4. </head>
  5. <body bgcolor='white'>
  6. <table width=100% align='center'>
  7.     <TR><td>
  8.      <IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  9.   <MAP name=map>
  10.   <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  11.   <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
  12.     </td></TR>
  13. </td></tr>
  14.     <table HEIGHT=55% width=99% border=1 bordercolor='#D8EBFF'>
  15.         <TR bordercolor='white'><TD>
  16. <iframe src='left_menu.html' name="menu"height=100% scrolling="Yes" width = 100.2% frameborder=0>
  17. </iframe></TD></TR>
  18.     </table>
  19. </table>
  20. </body>
  21. </html>


 
 
CE QUE J'AI FAIT MAIS QUI NE FONCTIONNE PAS :  
 
 

Code :
  1. <html>
  2. head>
  3. <link href='style2.css' rel='stylesheet' type='text/css'>
  4. </head>
  5. <body bgcolor='white onload='<table width=100% align='center'>
  6.     <TR><td>
  7.      <IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  8.   <MAP name=map>
  9.   <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  10.   <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
  11.     </td></TR>
  12. >
  13. <area href="#" onclick="    <TR><td>
  14.      <IMG src='images/menu2.jpg' width= 100% align='left' usemap=#map border='no'>
  15.   <MAP name=map>
  16.   <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  17.   <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
  18.     </td></TR>
  19. ">
  20. Edit 2 : <area href="#" onClick="parent.menu.document.location.href = 'contenu.html'; parent.menu.document.location.href = 'contenu.html'; return FALSE;">
  21.     <table[/#aa0055] HEIGHT=55% width=99% border=1 bordercolor='#D8EBFF'>
  22.         <TR bordercolor='white'><TD>
  23. <iframe src='left_menu.html' name="menu"height=100% scrolling="Yes" width = 100.2% frameborder=0>
  24. </iframe></TD></TR>
  25.     </table>
  26. </table> [/#aa0055]
  27. <br><FONT FACE="Century" SIZE=3 COLOR=#31659C><a href="..\indexEI.html" TARGET="_blank"><b COLOR=#31659C> IndexEI</b></a> 
  28. </body>
  29. </html>


 
SI QUELQU'UN PEUT ME CORRIGER MERCI  ;)  :bounce:  :bounce:


Message édité par slr56 le 20-08-2006 à 20:55:38
Reply

Marsh Posté le 20-08-2006 à 17:23:35    

up

Reply

Marsh Posté le 20-08-2006 à 17:23:35   

Reply

Marsh Posté le 20-08-2006 à 20:44:26    

Quand je parlais de balises ... je disais entre [code ] et [/code ] par exemple ...
 
Et je t'ai dis aussi d'editer tes messages plutot que de créer de nouveau posts : http://forum-images.hardware.fr/themes_static/images/new_style/edit.gif
 
 
Voici un code sans balises :
 
<html>
<head>
</head>
<body>
<div>
</div>
</body>
</html>
 
Et avec balises :
 

Code :
  1. <html>
  2.    <head>
  3.    </head>
  4. <body>
  5.    <div>
  6.    </div>
  7. </body>
  8. </html>


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 20-08-2006 à 20:57:18    

Merci j'ai compris comment éditer les messages.  ;)  C'est plus simple avec ça que de poster sans arrêt!  :pt1cable:  
 
Sinon... Quelqu'un peut solutionner mon problème???  :pt1cable:


Message édité par slr56 le 20-08-2006 à 20:57:33
Reply

Marsh Posté le 20-08-2006 à 23:06:10    

T'es sûr d'avoir relu ton code ? :??:
 
Non parce que c'est un beau merdier là ... y'a nombre de balises incomplète, et des trucs qui se chevauchent ... sans oublier les ">" qui se promenent tous seuls ...


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 20-08-2006 à 23:15:38    

au cas ou DW a un correcteur syntaxique plutot nul comme toutes ses fonctions automatiques mais dans ton cas ca te depannerait bien :sweat:

Reply

Marsh Posté le 21-08-2006 à 06:12:09    

ce que je voudrais savoir c'est si le "<body bgcolor='white onload='<table width=100% align='center'> " est bien placé et si il fonctionne comme ça. :pt1cable:
 
J'étais sur que c'était un beau merdier :pt1cable: Désolé!
 
Et je voudrais savoir ou est l'erreur dans  :
Edit 2 : <area href="#" onClick="parent.menu.document.location.href = 'contenu.html'; parent.menu.document.location.href = 'contenu.html'; return FALSE;">  
 
Merci
 

Reply

Marsh Posté le 21-08-2006 à 11:40:38    

slr56 a écrit :

ce que je voudrais savoir c'est si le "<body bgcolor='white onload='<table width=100% align='center'> " est bien placé et si il fonctionne comme ça. :pt1cable:
 
J'étais sur que c'était un beau merdier :pt1cable: Désolé!
 
Et je voudrais savoir ou est l'erreur dans  :
Edit 2 : <area href="#" onClick="parent.menu.document.location.href = 'contenu.html'; parent.menu.document.location.href = 'contenu.html'; return FALSE;">  
 
Merci


 
Mais c'est quoi cette horreur ?!!!
 
Nan sérieusement, va voir des tuto, achète toi un bouquin, et revoit complètement les BASES du HTML ... parce que là ... sincèrement :whistle:


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 21-08-2006 à 11:44:50    

Dj YeLL a écrit :

Mais c'est quoi cette horreur ?!!!
 
Nan sérieusement, va voir des tuto, achète toi un bouquin, et revoit [:aloy] complètement les BASES du HTML ... parce que là ... sincèrement :whistle:


 
ca se voit qu il comprend rien a ce qu il ecrit
ca devrait etre interdit les ouiziouigues :cry:

Reply

Marsh Posté le 21-08-2006 à 11:51:41    

mIRROR a écrit :

ca se voit qu il comprend rien a ce qu il ecrit
ca devrait etre interdit les ouiziouigues :cry:


 
Clairement oui, mais même avec un ouatioussi-izouatiouguette ... je vois pas comment arriver à un tel résultat [:figti]


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 21-08-2006 à 12:50:51    

http://membres.lycos.fr/metaltrade//LE_BALAI.png

Reply

Marsh Posté le 21-08-2006 à 18:54:07    

Ca peut paraître étonnant mais je connais les bases du html!  :pt1cable:  :pt1cable:  
Mais pas le "body onload" !!!  :cry:  :cry:  :cry:  :cry:  :cry:  
Alors aidez-moi please sur le "body onload"!  :jap:  :jap:

Reply

Marsh Posté le 21-08-2006 à 21:21:51    

le onload, onclick etc... c'est pour y mettre du Javascript.
 
Et sans vouloir t'offenser, je ne crois pas que tu connais les bases non ... car le "onload" n'est vraiment pas du tout le seul truc qui ne va pas dans ton code [:spamafote]


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 21-08-2006 à 21:39:02    

vivement la rentree scolaire ...

Reply

Marsh Posté le 22-08-2006 à 09:49:49    

slr56 a écrit :

Ca peut paraître étonnant mais je connais les bases du html!  :pt1cable:  :pt1cable:  
Mais pas le "body onload" !!!  :cry:  :cry:  :cry:  :cry:  :cry:  
Alors aidez-moi please sur le "body onload"!  :jap:  :jap:


 
Sisi, il te manque les bases, notamment au niveau de la syntaxe
 

Citation :

Code :
  1. ...
  2. <body bgcolor='white onload='<table width=100% align='center'>  // syntaxiquement incorrect
  3.   ...
  4.   <TR><td>
  5.   ...
  6.     <MAP name=map>
  7.       <AREA href="left_menu.html" TARGET="menu" shape="rect" coords="94,71,185,89">
  8.       <AREA href="right_menu.html" TARGET="menu" shape="rect" coords="130,23,274,40">
  9.     // La map n'est pas fermée
  10.   </td></TR>
  11.   </td></tr> // Tu fermes 2 fois la case et la ligne
  12.   <table HEIGHT=55% width=99% border=1 bordercolor='#D8EBFF'> // tu commences une table n'importe où
  13.   ...



 
Et pour le onLoad, ça devrait avoir cette tete :

Code :
  1. <body bgcolor="white" onload="alert('Execution du code Javascript dans le onLoad');">


Message édité par Bidem le 22-08-2006 à 09:50:55
Reply

Marsh Posté le 22-08-2006 à 11:16:31    

Dj YeLL a écrit :

<body onload="[ton_code]">
 
Edit : mais quitte à utiliser du JS, autant le faire sur le lien directement.
 
<area href="#" onclick="[ton_code]">
 
Edit 2 : <area href="#" onClick="parent.NOM_DE_LA_FRAME_1.document.location.href = 'LIEN_DU_CONTENU_DE_LA_FRAME_1'; parent.NOM_DE_LA_FRAME_2.document.location.href = 'LIEN_DU_CONTENU_DE_LA_FRAME_2'; return FALSE;">


 
juste pour la memoire, ca voulait dire "plus besoin du body onload"  

Reply

Marsh Posté le 22-08-2006 à 12:16:53    

mIRROR a écrit :

juste pour la memoire, ca voulait dire "plus besoin du body onload"


 
Oui en plus ... tu fais bien de repréciser :jap:


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed