Problème avec load()

reddenial Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
maka54 Messages postés 698 Date d'inscription   Statut Membre Dernière intervention   -
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 : 

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

2 réponses

Réponse 1 / 2
maka54 Messages postés 698 Date d'inscription   Statut Membre Dernière intervention   80
 
bonjour

tu as des caractères en trop : });
0
reddenial Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour! Oups pardon ces caractères-là ne sont pas en trop :) j'avais copié-collé mon bout de code en oubliant que ces derniers caractères viennent de ce qui englobe tout le script 

$(document).ready(function(){

...


Par contre je n'ai toujours pas résolu mon souci :(
0
Réponse 2 / 2
maka54 Messages postés 698 Date d'inscription   Statut Membre Dernière intervention   80
 
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 ?
0
reddenial Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
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.
0
maka54 Messages postés 698 Date d'inscription   Statut Membre Dernière intervention   80
 
ok c'est donc un probleme de css

le top:1000px, c'est pas lui qui pose probleme par hasard ?

si tu essayes avec 0 par exemple, tu vois quelque chose ?
0

Discussions similaires

Méssage Firefox ''Couldn't load XPCOM''
pistouri -
pistouri -

0 réponse
J'ai le message "coudn't load XPCOM."
Rock62 -
Lungta66 -

7 réponses
Coudn't load XPCOM.
Yaniela_2B -
JPP -

4 réponses
couldn't load xpcom
lise30700 -
Vnus_za -

10 réponses
java script error in the main process
ceciel2307 -
Thibaut -

3 réponses