Discussion :

[Tnerual42]

Bonjour à tous,

J'ai un petit problème pour charger le contenu d'une div depuis un autre fichier PHP, voici ma fonction toute simple en jquery:

Code :

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

1
2
3
4
5
$('.Acc').click(function(){								
			$('#img').attr('src',"img/tracer.jpg").show();
			$("#contenu").load("acceuil.php #acceuil");
			$('#acceuil').show(3000);				
		});

Ce code me paraissait simple, j'ai suivi plusieurs tutoriel mais je ne comprend pas ce que j'ai mal fait.
Quelqu'un pourrait il me donner un conseil?
Pour info mes 2 fichiers PHP se trouvent au même endroit.
Par avance je vous remercie.

[mathieu]

pouvez-vous détailler les différentes étapes et indiquer à partir de quel moment cela ne correspond pas à ce que vous souhaitez ?
1 : résultat de "acceuil.php"
2 : contenu vu dans la console de développement
3 : données finales récupérées dans "#acceuil"

[Tnerual42]

Bonsoir et merci de votre attention.
Sur ma page principale voici la parties qui devrait recevoir le div de mon fichier acceuil.php:

Code html :

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

1
2
3
4
5
6
7
8
9
<section>
                	  	<img  id="img" src="img/tracer.jpg">
                		<div id="contenu" visibility:hidden> <!--  visibility:hidden; -->
 
 
                		  		<!-- Contenu de la section géré par JScript -->
 
					  </div>		               	               
                	</section>

Voici la div que je souhaite afficher, donc de mon fichier acceuil:

Code html :

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

1
2
3
4
5
6
7
8
<div id="acceuil" style="display: none">
          <div style="position:absolute;top:100px;left:245px;width:950px;height:400px;z-index:0;background-color:rgba(0,0,0,0.6);">
             <div style="position:absolute;top:5px;left:15px;width:800px;height:40px;z-index:0;font-size:30px;color:#ffffff;line-height:40px;"><p><h1>Titre</h1><br><br>
                   Du texte<br> 
                   </p>                 				
              </div>
           </div>
		</div>

Et la fonction de mon fichier javascript de mon premier message.
Mais cette div ne s'affiche pas !!