Problème avec load()
reddenial
Messages postés
3
Statut
Membre
-
maka54 Messages postés 721 Statut Membre -
maka54 Messages postés 721 Statut Membre -
Bonjour, ayant cherché des sujets en rapport avec mon problème sur le forum, j'ai tenté de corriger mon code mais rien ne se passe, j'ai du passer à coté de quelque chose et j'espère trouver un éclaircissement ici :) . J'ai essayé d'utiliser load() de sorte à lorsqu'on clique sur une image, une fenêtre modale s'ouvre avec le contenu d'une autre page html.
Voici le bout de code en rapport avec ce dont je parle.
sur la page principale :
le code css du div #projet :
et le contenu de canta.html :
Voici le bout de code en rapport avec ce dont je parle.
sur la page principale :
<div id="works"> <a href="#works" class="print canta"><img src="images/thumb/print/canta.jpg"><p>La Cantatrice Chauve</p></a> ... </div> <div id="projet"></div>
$("#works a").click(function () {
if ($(this).hasClass("canta")) {$("#projet").load("projects/canta.html", function(){ $("#projet").show(); } );}
return false;
});
});
le code css du div #projet :
#projet {
position:absolute;
background-color: #000;
opacity:100;
width:100%;
left:0;
top:1000px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3 s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
height:auto;
z-index: 1000;
}
et le contenu de canta.html :
<html> <p>A minimalist poster I did for a theater play</p> <img src="canta.png"> </html>
A voir également:
- Load() javascript
- Telecharger javascript - Télécharger - Langages
- Couldn't load xpcom ✓ - Forum Mozilla Firefox
- Load optimized defaults - Forum Windows
- Javascript arrondi ✓ - Forum Javascript
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
2 réponses
au niveau du style
opacity => la valeur doit etre comprise entre 0 et 1
au niveau du code javascript, tout à l'air correct
tu n'as pas d'erreur javascript affichée ?
opacity => la valeur doit etre comprise entre 0 et 1
au niveau du code javascript, tout à l'air correct
tu n'as pas d'erreur javascript affichée ?
Ok je vais corriger ça :) merci
Pour les erreurs, j'ai essayé sur jsfiddle avec le jshint et aucune erreur n'est affichée. en plus le reste du script fonctionne.
la place des fichiers semblent correcte, j'ai bien indiqué quel fichier doit intéragir.
en fait le code semble fonctionner, car quand j'inspecte les éléments avec firebug, le contenu de la page html "canta.html" se met bien dans la div #projet mais en aperçu il n'y a rien qui s'affiche.
Pour les erreurs, j'ai essayé sur jsfiddle avec le jshint et aucune erreur n'est affichée. en plus le reste du script fonctionne.
la place des fichiers semblent correcte, j'ai bien indiqué quel fichier doit intéragir.
en fait le code semble fonctionner, car quand j'inspecte les éléments avec firebug, le contenu de la page html "canta.html" se met bien dans la div #projet mais en aperçu il n'y a rien qui s'affiche.
$(document).ready(function(){ ...Par contre je n'ai toujours pas résolu mon souci :(