affichage d'une page dans case de tableau

affichage d'une page dans case de tableau - HTML/CSS - Programmation

Marsh Posté le 07-05-2006 à 20:37:34    

Bonjour a tous,
voila j'ai ma page d'acceuil qui est en fait un tableau ,avec plein de cases dans lesquelles sont affichées des images,une banniere,un menu,etc...
Au milieu de ma page d'acceuil il y a une image. J'aimerais que lorsqu'on clique sur un lien,ca n'ouvre pas une nouvelle fenetre de navigateur,mais que ca affiche la cible du lien dans la case du tableau de la page d'acceuil.J'aimerais en fait que cette zone ou il y a l'image soit la zone "dynamique" du site. :pt1cable:  
Sauriez vous SVP quelle instruction je dois mettre dans le lien (target= ??,je crois que c'est avec target,mais je ne suis pas sur) pour avoir ce que je désire?
En esperant que mes information sont le + claire possible,merci d'avance et a bientot j'espere... :hello:

Reply

Marsh Posté le 07-05-2006 à 20:37:34   

Reply

Marsh Posté le 07-05-2006 à 22:33:33    

Pour ouvrir dans une autre fenetre ouais c'est target="blank"...
 
pour afficher au survol un texte dynamique...joue avec le a:hover....
 
Et un span, que tu caches et affiches en fonctions :D

Reply

Marsh Posté le 07-05-2006 à 22:36:10    

regardes les iframes, tu en mets un dans ton tableau
http://www.w3schools.com/tags/tag_iframe.asp
 
ensuite, tu mets un peu de javascript (genre getElementById('id_de_ton_iframe').src='ta_page.html'; )  
mais peut etre qu'on peut faire sans JS ...

Reply

Marsh Posté le 11-05-2006 à 23:15:18    

ok j'ai mi iframe dans la case du tableau mais ca m'affiche la page souhaitée des le lancement du site.Or j'aimerais si possible qu'on clique sur un boutton pour qu'on puisse voir le lien (la page souhaitée) s'afficher dans la case du tableau.
comment faire svp ?

Reply

Marsh Posté le 11-05-2006 à 23:29:40    

hé bien, au chargement, soit tu caches l'iframe avec
getElementById('id_de_ton_iframe').style.display='none'
 
et quand tu cliques tu lances
getElementById('id_de_ton_iframe').style.display=''
 
soit tu mets href="#" d'origine, puis te le changes en ce que tu veux quand tu cliques...
 
tout ça avec javascript

Reply

Marsh Posté le 11-05-2006 à 23:37:56    

merc de ta reponse,mais le getElementById('id_de_ton_iframe').style.display='none' il se met ou ? au debut d'une page precise?
et ensuite pour l'affiché si j'ai un boutton "VOIR IFRAME" ,getElementById('id_de_ton_iframe').style.display='' je met ca quand je déclare le bouttons,comme un href ?
 
D'ailleur tu as du oublié la fin de la ligne je croi :)

Reply

Marsh Posté le 12-05-2006 à 10:57:43    

tu dois mettre ton lien comme ça :
<a href="javascript:getElementById('id_de_ton_iframe').style.display='';">VOI FRAME</a>
 
tu changes la balise <body> en :
<body onload="javascript:getElementById('id_de_ton_iframe').style.display='none';">
 
voila, je pense que ça marche

Reply

Marsh Posté le 12-05-2006 à 17:54:07    

merci pour ta réponse,j'ai ca dans ma case du tableau de la page d'acceuil:
<td rowspan="5" bgcolor="black" > <iframe src ="photos.html" width="100%" height="100%" id="cadre"></iframe> </td>
 
ça dans le body de photos.html (la page a afficher en iframe):
<body onload="javascript:getElementById('cadre').style.display='none';">
 
ça dans le lien VOIR IFRAME:
<a href="javascript:getElementById('cadre').style.display='';">VOIR FRAME</a>  
 
et ca ne marche pas car ca affiche directement le iframe lorsqu'on arrive sur la page d'acceuil :(

Reply

Marsh Posté le 12-05-2006 à 19:26:42    

ha oui, je vois, jai deja eu ce probleme, alors en fait, il faut que tu mettes une balise  
 
<script type="text/javascript>
getElementById('cadre').style.display='none';
</script>
 
apres ton tableau

Reply

Marsh Posté le 12-05-2006 à 19:31:47    

voila un truc qui marche :

<html>
<head>
<title>Ma Page</title>
<script type="text/javascript">
function toggle(id) {
var d = document.getElementById(id);
 if (d.style.display == 'none') {
  d.style.display='';
 } else {
  d.style.display='none';
 }
}
</script>
</head>
<body>
 
<table>
 <tr>
  <td bgcolor="black" ><iframe src="photos.html" width="100%" height="100%" id="cadre"></iframe></td>
 </tr>
</table>
<script type="text/javascript">
toggle('cadre');
</script>
 <a href="javascript:toggle('cadre');">VOIR FRAME</a>  
 </body>
</html>


 
on dit merci qui ? :D

Reply

Marsh Posté le 12-05-2006 à 19:31:47   

Reply

Marsh Posté le 12-05-2006 à 20:56:25    

franchement merci beaucoup pour ton aide ,l'iframe ne s'affiche plus des le lancement de la page,ce que je veu car dans la case du tableau il doit un y avoir une image qui s'affiche des qu'on arrive sur l'acceuil.
 
Par contre,ça a un peu du mal a s'afficher,car desfois je dois cliquer 2 fois de suite sur le lien,et en plus la page photos.html ne s'affiche pas dans toutes sa hauteur,pourtant height est bien mis a 100%.
Bizarre...

Reply

Marsh Posté le 12-05-2006 à 21:02:21    

PS : en fait c'est la meme dimension que ce l'iframe que tu m'as donné avec le script au dessus.... dr_octopus74@hotmail.com lol

Reply

Sujets relatifs:

Leave a Replay

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