Problème avec load()

Fermé

reddenial Messages postés 3 Date d'inscription jeudi 19 décembre 2013 Statut Membre Dernière intervention 19 décembre 2013 - 19 déc. 2013 à 08:23
maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 - 19 déc. 2013 à 12:50

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>

A voir également:

Load() javascript
Telecharger javascript - Télécharger - Langages
Couldn't load xpcom ✓ - Forum Mozilla Firefox
Load optimized defaults - Forum Windows
A javascript error occurred in the main process - Forum Matériel & Système
Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux

2 réponses

Réponse 1 / 2

maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 80
19 déc. 2013 à 10:18

bonjour

tu as des caractères en trop : });

reddenial Messages postés 3 Date d'inscription jeudi 19 décembre 2013 Statut Membre Dernière intervention 19 décembre 2013
19 déc. 2013 à 10:29

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

Réponse 2 / 2

maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 80
19 déc. 2013 à 10:46

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 ?

reddenial Messages postés 3 Date d'inscription jeudi 19 décembre 2013 Statut Membre Dernière intervention 19 décembre 2013
19 déc. 2013 à 11:34

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.

maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 80
19 déc. 2013 à 12:50

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 ?

Discussions similaires

J'ai le message "coudn't load XPCOM."

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

Coudn't load XPCOM.

Javascript Arrondi à 2 chiffres après la virgule

Firefox ne marche plus : couldn't load XPCOM