div div div...

Question

Bonjour,

J'ai une question surement bateau pour beaucoup d'entre vous

J'ai une main page avec 2 divs, disons Div1 et Div2
J'aimerai que la main page appelle un fichier "fichier1.php" pour la remplir et que la DIV1 appelle un autre fichier "fichier2.php" pour remplir DIV2

je ne sais pas comment m'y prendre...Est ce que DIV1 connait DIV2 pour afficher fichiers2 au bon endroit?? 

J'ai essayé d'etre le plus clair possible

Merci

Alex_sympas · Answer

Bonjour,

include('fichier.php');

C'est moche mais ca doit pouvoir fonctionner; La position de div2 peut etre fixee dans un fichier css: .div2 { position: aboslute/relative; top: 10px; (...) }

Ricky38 · Answer

Salut, regarde du coté de la fonction php include() https://phpsources.net/tutoriel-fonction-include.htm dans le style:

Si je comprends bien ce que tu veux ;) Bonne journée

bloodchecker · Answer

Par défaut tes deux blocs vont se mettre en colonne, l'un au dessus de l'autre, dans l'ordre ou tu les appelle. En effet par défaut leur position est relative au div précédent.

Pour afficher deux pages dans deux blocs tu peut utiliser <frameset> mais c'est très mauvais pour le référencement.

Anonymous · Answer

Merci les gars pour ces premiere idees En fait c'est plus un truc du genre: Mainpage.php

//event on button loadPage('div1', 'fichier1.php' ); Fichier1.php //event on button loadPage('div2', 'fichier2.php' ); Fichier2.php // contient une image C'est juste un code pour donner une idée de ce que je cherche a faire. Une page qui appelle une page qui appelle une page mais que je puisse determiner en fonction de quel evenement cela s'affiche et surtout ..ou ca s'affiche Merci

bloodchecker · Answer

quel est l'événement en question ? Ne serait-il pas plus simple de jongler avec le css pour voir si on affiche ou non le bloc (avec display:none) ?

HS:Je ne comprend pas trop à quoi sert ton tableau, pour aligner deux bloc côte à côte n'est-il pas plus simple de déclarer le premier en float:left ?

Anonymous · Answer

la table est juste la pour l'exemple....mainpage est bien plus complexe et utilise bien sur des Css

un des evemenent est un clique dans un grid Activewidget .... il doit appeler fichier1 avec comme parametre  ?ID=xx. En fonction de ce parametre Fichier1  fait un peu de php, cree sa page affiche 4 bouton donc un sur unevenement onclick appele Fichier2 avec comme parametre ?K=xx et devrait affiche le resultat dans Div2

bloodchecker · Answer

As tu essayé de garder une unique page et en fonction du K ou du ID reçu tu choisit si tu affiche ou non tes boutons/fichiers  ?
Sinon en JS tu peux coder du genre onclick="document.getElementById('div1').style.display=' block' et partir d'un affichage none par défaut.

Anonymous · Answer

est ce qu'on peut mettre a la place de onclick="document.getElementById('div2').style..... un truc du genre window.element.div2... pour pointer sur la div2??

bloodchecker · Answer

euh je vois pas trop ce que tu veux dire la :x
après style tu peut indiquer un attribut css en fait

Anonymous · Answer

oups pardon...too fast

en fait je me demadais...dans document.getElementById('div1')...je nomme la div par son id ...est ce que je ne pourrais pas faire de meme avec la div2 qui serait appeler dans fichier1 mais au lieu de mettre div2, je mettrerai un truc du genre window.element.div2.... puisque div2 n'est pas connu de div1 mais le browser ou la mainpage elles la connaissent

je connais pas encore assez bien JS pour ca

bloodchecker · Answer

Je pense que tu ne peux pas faire comme ça non, pour cela que je te conseil de créer sur une seule page et de jouer avec l'affichage ou non des éléments de la page

Anonymous · Answer

Oki...je vais essayé cette solution ...
Cependant comment faire un appel de page correct??

comment decrit plus haut, j'utilise:
function loadPage(div, url){
document.getElementById(div).innerHTML = '<iframe src="' + url + '" width="586" height="500" frameborder="0"></iframe>';
}
mais j'ai un cadre blanc avant l'affichage...c'est tres peu classe

vous avez des idées, suggestions ou explications?

Anonymous · Answer

J'ai trouve ma solution

pour le carre blanc de Iframe la solution est
function loadPage(div, url){
document.getElementById(div).innerHTML = '<iframe src="' + url + '" width="586" height="504" allowTransparency="true" frameborder="0" ></iframe>';
}

et pour l'appel d'un page qui est appellée par une autre page dans une div...la solution a ete .. appeler les deux pages ficher1 et fichier2, avec les bons parametres, en meme temps par mainpage.

merci pour votre aide

avion-f16 · Answer

Beurg ! Les frames !!
Si t'appelles ça une solution !
https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql

Anonymous · Answer

Ben si tu as d'autres solutions...moi je suis toujours preneur....

Les includes c'est executé et inclut au chargement de la page...et moi j'ai besoin de recharger la page pour executer du php  chaque fois

avion-f16 · Answer

L'include HTML n'a rien à voir avec celui en PHP.
Utilise celui de PHP pour "copier" le code source d'un fichier dans celui qui l'appelle via la fonction include()

bloodchecker · Answer

c'est quoi l'include html ?

avion-f16 · Answer

Les frames ...

Anonymous · Answer

Donc..les include PHP ne repondent pas a mon besoin, les frames a eviter, les iframes je suppose idem....c'est quoi la solution pro alors??

avion-f16 · Answer

iframe = frame
En principe les includes PHP devraient suffire.
Tu as aussi AJAX si tu ne veux recharger qu'une partie de la page

bloodchecker · Answer

Même si <iframe> et <frameset> sont deux balises différentes elles ont les même objectifs et sont à éviter.
Je te propose de nous détailler un peu plus concrètement ce que tu veux faire car je pense que les include devrai suffir.

Anonymous · Answer

oki...peut etre

Alors c'est tres simple...apres un login j'arrive la une fenetre principale. Cette pages est separée en deux, la partie de gauche (nommons la P1) sert au actions de l'utilisateur,  la partie de droit (nommons la P2) a en presenter le resultat et est elle meme separe en deux partie, une petit pour la navigation dans les infos (nommons la P1a) et une pour le infos a proprement parler (nommons la P1b)
une action sur un bouton dans la partie P1, doit lancer des requetes MySQL pour aller chercher des infos dans les bases puis les afficher dans P2b
une action sur un grid activewidget dans la partie P1, doit lancer des requetes MySQL pour aller chercher des infos dans les bases puis les afficher dans P2a et P2b.

la solution que j'avais trouvé etait les iframe mais si vous me proposez autres choses...je suis peneur mais honetement a moins de rechercher la page a chaque action de l'utilisateur, les inludes je vois pas.

en esperant avoir ete suffisament precis..je vous remercie d'avance

bloodchecker · Answer

J'avais pas vraiment compris ca comme ca. Regarde ce bout de code je pense il pourrai t'aider :

Menu 1	Navigez avec le menu de gauche
Menu 2

Anonymous · Answer

alors c'est plutot comment ca...mais je comprends pas bien ce que fait document.getElementById('texte').innerHTML = 'P1';

Menu 1	Navigez avec le menu de gauche
Menu 2

bloodchecker · Answer

document.getElementById('texte').innerHTML = 'P1';

Cette ligne affiche dans l'élément d'identifiant id=texte la valeur contenu entre quote.

Anonymous · Answer

J'avais bien compris ca comme ca donc l'idee est de remplacer le P1 et P2 par page1.php est page2.php pour lancer le code php, juste? dans ce genre la?

Menu 1	Navigez avec le menu de gauche
Menu 2

bloodchecker · Answer

Anonymous · Answer

excuses moi....mais au risque de passe pour un idiot...je ne comprend pas

a mon niveau de comprehension, ce qui va se passer c'est que lorsque la page principale va etre charger avec ce code :
 
<td class="lien" onclick="document.getElementById('texte').innerHTML = "<?php include('page2.php');">

le serveur php va l'interpreter ses balises et mettre le contenu de la page page2.php dans la source de la page principale donc si je clique sur le td...le contenue de page2.php sera affiche dans la div  

effectivement ca devrait marché pour les bontons simples...mais pour le grid qui lui passe des parametres a php pour faire la bonne requete sql? pour le menu2 qui lui aussi passe des parametres du style page2.php?Id=12....?? est ce que ca sera vraiment dynamique??

J'en profite au passage pour remercie tout ceux qui m'aide... avec une speciale dedicasse pour bloodchecker dont je n'arriverais pas a memoriser le pseudo de ci tot.

bloodchecker · Answer

Normalement le dynamisme devrait être conservé. En gros le include peut appeler du php sans soucis par exemple.
Néanmoins je viens de prendre un peu de temps pour tester et certain caractères empêchent le bon fonctionnement :x (notamment ' " et le retour chariot)... La solution est donc limiter à moins de tout protéger et ca promet d'être lourd.
Moi je ne maitrise pas JS mais je pense qu'il y a peut être une commande à la place de .innerHTML qui permet de spécifier un contenu à un bloc. Faut voir avec google.

Anonymous · Answer

alors j'ai papoter sur l'ami Google et j'ai trouve ca:

page = "page1.php";
document.getElementById('div1').src=page;

je vais creuser un peu

Peux tu me montrer ce que tu as tester stp?

Anonymous · Answer

Pour repondre a l'une de mes question precedente concernant l'appel d'une fonction de la page principale depuis une iframe...si ca peut aider quelqu'un au passage 

Call function in parent from iframe
parent.functionName()

Div div div...

31 réponses

Discussions similaires

Newsletters