Discussion :

[nims]

Bonsoir !

J'utilise le plugin Crop pour récupérer une partie d'une grosse image. Je fais cela pour avoir une image différente à chaque refresh de la page.

Voici mon code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
    $(document).ready(function() {
 
 
        var newImg = document.createElement('img');
        newImg.src = 'http://www.monsite.com/images/menu2.jpg';
        newImg.height = '406';
        newImg.width = '370';
        newImg.id = 'mini';
        newImg.alt = newImg.title ='image XX';
        var maDiv = document.getElementById('divmini');
        document.body.insertBefore(newImg, maDiv);
        var img = $('#mini');
 
 
        img.crop({height: '160', width: '370' });
 
 
    })
</script>

Le script marche nikel sur une page html.
Si j'execute la page sous symfony ça ne marche pas. Si je récupere le code source et l'execute dans un fichier .html ca marche aussi.
Jquery est bien implanté car j'ai un autre script qui marche.

Si 'divmini' est changé en un id qui n'existe pas dans la page alors ça marche mais l'image "cropée" se trouve en dehors de mon design (apparemment juste avant la fin du body).

Je comprend plus rien... une idée?

Merci d'avance pour votre aide !!

[Michel Rotta]

Salut,

C'est juste pour essayer de donner quelques piste de recherche, je ne pratique pas JQuery et ne connais pas ton plugin.

As-tu essayé de récupérer le HTML généré par symfony depuis l'affichage du source de la page dans le surfeur pour en faire une page html ?

Dans le code que tu mets en ligne, tu fais un document.getElementById(), tu n'a pas une fonction jquery plus évoluée pour faire ce type d'opération ? Je travail (encore) avec prototype et j'utiliserais plutôt une fonction $, je pensais qu'un équivalent existait sous jquery.

Bonne recherche.

[nims]

c'est ce que j'ai fait de récup le html et ça marche...

Oui pas pensé d'utiliser autre chose pour le getElementById, je re :p

--

Voila le code

Code :

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

1
2
 
        document.body.insertBefore(newImg, $('#divmini'));

Ca fonctionne mais l'image est à perpette juste avant le </body> ...alors que mes div n'ont pas de css spécial

[Michel Rotta]

Ca ressemblerait bien à un style position:absolu ou fixe.

Que dit firebug ?

Et que dis la page si tu désactives les CSS dans ton navigateur ?

[nims]

Sans CSS:
Oula alors sur firefox l'image apparait même pas MAIS j'ai une erreur JS:

Code :

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

1
2
3
4
5
 
Node was not found"  code: "8
http://pf.local/frontend_dev.php/creation/gfdgdf.html
Line 86
[Break on this error]  document.body.insertBefore(newImg, maDiv);

Il ne trouve pas la div divmini... pourtant cette div avec cet id est bien présente...

Sous safari (et vi :$) Elle apparait .

[nims]

haha !!

J'ai trouvé ! Comme me le disait Firebug il ne trouvait pas l'objet apparemment. J'ai donc modifier le chemin pour y accéder:

Code :

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

1
2
 
maDivmini.insertBefore(newImg, maDiv);

maDivmini étant le parent de maDiv.

Je vois pas trop pourquoi ça marche pas si je remplace par document.body puisque c'est plus général encore... enfin bon ça marche merci pour ton aide ! on est actif ce soir

[Michel Rotta]

Il ne te reste plus qu'à creuser sous firebug, mais là, je ne vais plus pouvoir trop te suivre