affichage d'une page dans case de tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : affichage d'une page dans case de tableau

DrOctopus

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:

Publicité

xtof_83

Freeride Spirit

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

phenxdesign

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

DrOctopus

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 ?

phenxdesign

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

DrOctopus

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

phenxdesign

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

DrOctopus

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

phenxdesign

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

phenxdesign

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 ?

Publicité

DrOctopus

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

DrOctopus

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

FORUM HardWare.fr

Programmation

HTML/CSS

affichage d'une page dans case de tableau

Sujets relatifs
Optimisation récupération d'un gros tableau MySQL.	[RESOLU]Page web locale
Montrer les titres d'un flux RSS dans une page web !	[SOAP] Retourner un tableau
Insertion de valeur dans un tableau associatif ?	Problème include et affichage d'image
Afficher le contenu d'un tableau dans une liste deroulante	[Python][Qt]Problème d'affichage de tabs
affichage des pages dans easyphp
Plus de sujets relatifs à : affichage d'une page dans case de tableau

Page générée en 0.049 secondes