Bonsoir,

Je commence à sécher au niveau des idées...
J'explique rapidement la situation : J'ai un champ (textarea) dans lequel le posteur insèrera des liens (un lien par ligne) menant vers des images.
Lorsque le posteur sort du champ (blur), j'aimerais afficher les images en-dessous du champ. J'ai donc créé une div censée les accueillir (.previewDiv).
J'ai ensuite fait une petite fonction JS (jQuery) qui récupère la valeur du champ sur lequel le blur s'est fait, et fait un split("\n") pour séparer chaque image.
Le problème intervient lorsqu'il s'agit de placer ces images dans la div qui suit le champ (.next(div.previewDiv p)). Ne connaissant pas l'ID du champ actuel, j'utilise $(this), mais je ne sais pas d'où ça vient, ça ne passe pas.
Voici donc le code actuel :

$(document).ready(function() {
    $("textarea.images").blur(function() {
        var images = $(this).val().split(\'\n\');
        $("div.previewDiv p").html("");

        if(images[0] !== "")
        {
            for(var i = 0; i < images.length; i++)
            {
                if(images[i] !== "")
                {
                    $(this).next("div.previewDiv p").append("<img src=\"" + images[i] + "\" alt=\"Image " + i + "\" />");
                }
            }
        }
    });
});

Si l'un d'entre-vous pourrait m'aiguiller sur cette affaire, ce serait un bon coup de pouce .

Merci d'avance pour vos réponses,
Bonne soirée à vous.

Pourquoi tu échappes tes apostrophes ligne 3 ?

Pour que la fonction next() fonctionne, il faut que l'élément soit immédiatement après le textarea. Assure-toi que c'est bien le cas (sinon il faut utiliser nextAll je crois).

J'échappe car le code se trouve dans un echo en PHP, j'ai oublié de modifier ça quand j'ai mis le code ici .
Autrement, j'ai essayé nextAll(), et toujours pas... le code est-il au moins bon tel qu'il est ? C'est uniquement le next() qui gène, ou est-ce le $(this) ?

Merci de ton aide .

Dans un echo ? C'pas plus simple de refermer ?> puis de réouvrir après le JS ? x)

Enfin bref, je vois rien d'autre de gênant. Que dit la console d'erreurs (Outils -> Console d'erreurs sous Firefox) ?

Non, je teste pour le moment (je me complique la vie oui ).
Je préfère garder le moins d'ouvertures et de fermetures de PHP pour des raisons d'économie de ressources serveur (même si ces économies sont infimes).

La console d'erreurs ne dit rien, celle de Firebug non plus.

Peut-on voir le code complet alors ?

Les lignes surlignées sont celles de la div previewDiv.

<?php
    echo 'Retiré ;)';
?>

C'est pas un next() qu'il faut que tu utilises, ni un nextAll()...

C'est un... parent().nextAll('div.previewDiv').eq(0).find('p')

Je suppose.

Merci à toi !
Par contre, explications ? J'ai cherché pour eq() dans la doc jQuery, mais j'ai pas tout compris, ça sert à quoi ?

Merci encore, tout fonctionne comme sur des roulettes .

Vu que nextAll() retourne (potentiellement) plusieurs éléments, eq(0) te permet de ne garder que le premier.

Ah d'accord .
Merci !

Pas de quoi