Script AJAX pour changer contenu d'un cadre Fermé

Question

Bonjour,
Cela doit être un des trucs "bateau" de l'AJAX, mais je n'arrive pas à trouver le code.
J'ai un petit cadre à droite de ma page (le cadre plus) et j'aimerais mettre tout en bas un lien "Encore plus..." qui modifierait le contenu du cadre avec autre chose : comme un défilement, mais seulement avec deux états possibles : le premier contenu et le second contenu. J'aimerais également dans le second contenu mettre en haut du cadre un lien pour revenir au premier.

Je crois que ça dois avoir quelque chose à voir avec visibility ou display, mais aucune idée du code !
Merci pour vos réponses (une fois de plus !)
Ciao

Dalida · Answer

salut,

qu'est-ce que tu as fait jusque là ?

tu as lu des tutos ?
une fois que tu as le JS pour envoyer la requête, reste plus qu'à faire un JS pour insérer le retour.

pour le "encore plus&hellip;" tu peux le faire avec CSS.

j'avais fais un exemple pour une autre discussion.

Mysterious_fea · Answer

En fait la seule chose que je voudrais faire, c'est qu'en cliquant sur le lien "Encore Plus" en bas du cadre ("Plus..."), le contenu du cadre change (en fait c'est pour afficher d'autres "Plus"), et qu'une fois qu'on a cliqué sur "Encore Plus..." et que le contenu a changé, un lien retour vers le premier contenu soit inclu en haut. Je n'arrive pas à trouver ce genre de script dans les tutos.

Ou est le truc dans ton exemple ? le texte qui apparaît onmouseover ?

Dalida · Answer

re,

oui mon exemple c'est juste le {:hover}, tu peux le faire sur {:active} ça fait un faux clic.

ton contenu, il sera déjà chargé sur la page et il faut juste afficher/masquer ou tu auras besoin d'aller chercher le contenu sur le serveur ?

dans les deux cas tu peux le faire avec Javascript mais dans le second il faut utiliser 'HTTPRequest' et donc ça devient de l'Ajax.

pour JS, tu vas utiliser une fonction que tu auras codé et tu vas l'appeler sur l'évènement 'onclic' de la balise du "Encore plus".

tu t'orientes vers ça ?

Mysterious_fea · Answer

Je vais essayer d'étudier ton code et d'écrire mon code, mais plus tard. Merci beaucoup. Rien à voir : quelle est la vraie syntaxe de "implode()" en PHP. J'écris : $options = $_GET['options']; $optionsfinal = implode(":", $options); et il me retourne l'erreur "Warning: implode() [function.implode]: Invalid arguments passed in C:\programmes\wamp\www\Spider's Web\contact.php on line 170" J'ai essayé en remplaçant les guillemets par des ' ', et en changeant le contenu par une virgule, un tiret, mais rien à faire. Le pblem vient peut être de $options. Je l'ai récupéré comme ça : Animations flash
Fidélisation des visiteurs
Adsense
Promotion du site Merci Ciao

Dalida · Answer

salut,

"Warning: implode() [function.implode]: Invalid arguments passed in C:\programmes\wamp\www\Spider's Web\contact.php on line 170" 
tu as passé un mauvais argument.
string implode ( string $glue, array $pieces )
le premier est une chaîne, le deuxième un tableau.
ton premier argument est nien une chaîne, donc c'est que le deuxième n'est pas un tableau.
$optionsfinal = implode(":", $options);

Mysterious_fea · Answer

Whaou jcomprend rien à ce que tu dis là !
Pourquoi as-tu réécri mon code ?
Quel code dois-je mettre ?
J'ai essayé sans succès string implode()
Merci de préciser

Mysterious_fea · Answer

Je corrige mon message sur le JS, car entre temps j'ai trouvé, et c'était pas bien compliqué. En tout cas, merci pour tes conseils, ça m'a fait avancer. Alors, j'ai défini deux div "interchangeables", evanescent et evanescent2. Par défaut, evanescent est en display:block et evanescent2 en display:none. Le lien en bas de evanescent est comme ça : Encore plus... Et le lien de "retour", situé dans evanescent2, est comme ça : Back in black... Et voilà ! merci pour ton aide. Par contre j'attend toujours avec impatience des précisions sur implode()... Merci !

Mysterious_fea · Answer

Alors, what about implode ?

Mysterious_fea · Answer

Autre petit problème CSS (je vais pas ouvrir un nouveau post pour ça) : comment définir le :hover d'un lien comme ça : Lien J'ai essayé a:hover.lien01 et a.lien01:hover mais ça marche pas !

Mysterious_fea · Answer

No résolu !

Mysterious_fea · Answer

STP 3 problèmes !

(1) précisions sur implode()
(2) syntaxe CSS a:hover
(3) est-ce quand même fonctionnel si j'enlève "href="#"" à un lien affichant un cadre onmouseover (comme dans ton exemple) ? Parce que ça fait bouger la page en entier donc c'est pas génial. Ca marche sous FF2, mais je ne suis pas sûr sous les autres navigateurs. Est-ce grave ?

Merci encore
Ciao

Dalida · Answer

salut,

désolé me suis absenté quelques jours.

1) 'implode()'

2) ':hover{}'

3) ça devrait fonctionner sauf sous IE 6 (ça doit encore peser 40% du marché) si la balise n'est pas <a>. 
si ça fait bouger ta mise en page, c'est peut être qu'il y a une bordure. ce ne serait pas avec une image ?

en plus l'attribut 'href' te permet d'envoyer vraiment vers une page au cas où JS est inactif (rare).

Mysterious_fea · Answer

1 et 2 : merci je vais potasser
3 : En fait, c'est juste que si je scroll la page un peu vers le bas et que je clique sur le lien JS, il suit également le lien "#" qui remonte la page en haut. C'est juste ça. j'ai remarqué que tu avais laissé "#" sur ton exemple, mais il n'y avais pas de srollage possible, donc pas de problème)
Merci
a+

Dalida · Answer

ah vi !

en JS, en plus de l'appel à ta fonction il faut ajouter une instruction pour indiquer à la page qu'il ne faut pas propager l'évènement.
onclick="ma_fonction(); return false;"
et pour ':hover{}' as-tu tenté sans le 'href' ?

Mysterious_fea · Answer

Pour la définition de :hover pour une classe de lien, c'est OK Pour implode, ça va toujours pas ! Faut-il mettre ça : string implode ( string $glue , array $pieces )? Il faut laisser string ou le remplacer par quelque chose ? Ou alors il faut mettre ça : $array = array('nom', 'email', 'telephone'); $comma_separated = implode(",", $array); ? Dans ce dernier cas, cela ne marche pas, mais c'est surement parce que je n'ai pas défini l'array. J'ai seulement mis ça dans mon formulaire : Animations flash
Fidélisation des visiteurs
Adsense
Promotion du site ? Comment collecter la chaîne des valeurs d'options dans une variable ? Je ne comprend vraiment pas, peux-tu m'écrire le code en entier parce que là... Pour le JS, je vais laisser href="#" au cas où. Merci

Mysterious_fea · Answer

Autre petit truc (encore du JS !). Je fais afficher un petit cadre du genre "Plus d'infos" au passage sur un lien. Comment positionner le coin bas gauche du cadre sur le curseur ?
Merci

Dalida · Answer

salut, 1/ ce que tu avais au dessus, c'est la définition de la fonction (celle du manuel PHP). donc pour chaque élément, il te donne son type, il ne faut pas le reprendre quand tu utilises la fonction. $array = array('nom', 'email', 'telephone'); $comma_separated = implode(",", $array); ce code doit fonctionner. 2/ pour savoir ce qu'il retourne il faut que tu définisses l'attribut 'value' de tes . Animations flash
Fidélisation des visiteurs
Adsense
Promotion du site ensuite tu auras un tableau dans le '$_POST' à l'index 'options'. $checked_values= $_POST['options']; tu peux tester avec : print_r( $_POST['options'] ); dans ton cas si tu coches le premier et le troisième, '$checked_values' contiendra 'animflash' et 'pub'. ce qui doit être représenté comme ça par 'print_r()' : $checked_values => array( 'animflash' , 'pub' )

Gihef · Answer

Bonjour, Je ne sais pas si c'est encore dans le sujet (je n'ai pas tout lu ;-), mais je suis revenu sur un truc que j'essayais depuis quelques temps. J'en ai fait un petit bricolage d'amateur qui affiche un contenu différent dans une

. À tester. ++ Si vous savez l'améliorer, je suis preneur. Comme par exemple récupérer le contenu d'une autre

cachée pour la passer à la fonction plutôt que de devoir contruire ces var bizarres… --

Mysterious_fea · Answer

Pour le implode, c'est bon, tout marche, merci beaucoup !
Pour le :hover, c'est pareil !
Par contre, pour le point d'interrogation t'aurais une piste STP ?

Merci merci merci encore !
Ciao

Dalida · Answer

salut,

Par contre, pour le point d'interrogation t'aurais une piste STP ? 
je ne vois pas de quoi tu parles&hellip;
(o_o)'

Mysterious_fea · Answer

Point d'interrogation : le cadre qui s'affiche onmouseover le petit point d'interrogation pour plus de précisions. ici
Merci

Dalida · Answer

salut,

mdr&hellip;

je le trouve toujours pas ton point d'interrogation !
vais aller m'coucher, moi !salut,

Mysterious_fea · Answer

A oui, dsl ! J'avais oublié d'uploadé ! C'est bon, tu peux y aller maintenant. A+

Mysterious_fea · Answer

Alors ?

Dalida · Answer

salut, oups, je t'avais un peu oublié… (o_o)' donc on en est à des infos bulles qui ne s'affichent pas où tu veux, c'est bien ça ? pour que le sorte du flux de positionnement tu as utilisé {position:absolute;}. donc ton se positionne par rapport au premier bloc conteneur qui as {position:relative;}. si aucun parent n'est dans ce cas c'est qui s'en charge. donc ce que tu peux faire c'est positionner par rapport au : a.readmore { position:relative; } et affiner le positionnement du : a.readmore span{ position:absolute; top:10px; left:20px; display:none; width:250px; background-color:#E53000; border:1px solid #FFAO17; padding:5px; color:#FFFFFF; } et si besoin est tu peux différencier les position avec des identifiants sur les . à part ça je ne pense pas que tu puisses faire beaucoup mieux en CSS. j'espère avoir répondu à ta question, à plus et bon courage pour la suite !

Monoem YOUNEB · Answer

voir document.all.id_de_div.innerHTML="votre_nouveau_objet";

Script AJAX pour changer contenu d'un cadre

26 réponses

Discussions similaires