nacedo
-
Compteur de contenus
8 -
Inscrit(e) le
-
Dernière visite
-
idem, je ne vois pas où tu veux en venir, pourrais tu nous donner le contexte d'utilisation de ton script?
-
encor une fois je ne serais que trop conseiller d'utiliser la framework Prototype.js avec celle-ci ton code pour modifier l'ensemble de tes balises SPAN reviendrai à faire ceci: <html> <head> <title>test</title> <script src="http://script.aculo.us/prototype.js" type="text/javascript"></script> <script type="text/javascript"> ChangeName = function (ta_class, value){ // la fonction var span = $$('.'+ta_class); // on cherche toutes les balises ayant la bonne class $A(span).each(function(s) { // on parcour l'ensemble de ces balises s.innerHTML = value; // on leur attribu la bonne valeur }); } </script> </head> <body> <input type="text" name="from_name" value="" onKeyUp="ChangeName('perso',this.value)" size="40" /> <ul> <li><span class="perso"></span><span class="perso"></span><span class="perso"></span><span class="perso"></span></li> <li><div class="perso"></div></li> <li class="perso"></li> <li class="perso"></li> <li class="perso"></li> </ul> </body> </html> tu peux constater que cette methode se prete aussi bien à une SPAN qu'a une DIV ou même une UL, à partir du moment que tu défini bien les classes ceci est simple et rapide
-
MàJ balise <div> - Framework prototype.js
nacedo a répondu à Mattius007 - Forum : AjaX et JavaScript
salut, cela fait maintenant quelque mois que je bidouille avec l'AJAX et je dois avouer que je n'ai jamais rencontré se problème. innerthtml fonctionne très bien. si tu veux éffacer le contenue d'une div tu n'as que faire ceci ma_div.innerhtml = ' '; cela devrai suffir. pour se qui est d'avoir 2 fois le même contenue à la suite dans t'a div, je te conseille de reprendre l'AJAX à la source; function envoieRequete(url_php,div_id,page2){ //fonction qui rempli une balise div avec une page var xhr_object = null; var attente = '<div id="load"><div id="load_img"><img src="./IMG/ajax-loader.gif" alt="load" width="50px" height="50px">Chargement en cours</div></div>'; if(window.XMLHttpRequest) // Firefox et autres xhr_object = new XMLHttpRequest(); else if(window.ActiveXObject){ // Internet Explorer try { xhr_object = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); } } else { // XMLHttpRequest non supporté par le navigateur alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr_object = false; } // On ouvre la requete vers la page désirée xhr_object.open("POST", url_php, true); xhr_object.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); //POST //xhr_object.setRequestHeader("Content-Type", "text/html; charset=iso-8859-1"); //GET xhr_object.onreadystatechange = function(){ if ( xhr_object.readyState == 4 ) { // j'affiche dans la DIV spécifiées le contenu retourné par le fichier document.getElementById(div_id).innerHTML = xhr_object.responseText; } else { document.getElementById(div_id).innerHTML = attente; } } // dans le cas du post envoi des variables xhr_object.send("page="+page2); } ou sinon pour faire plus simple utilise la librairie prototype.js, dont voici un 'tit exemple -
pour ma part j'utilise prototype.js couplé à script.aculo.us, cela fonctionne très bien. Bien évidement il faut penser à rester assez léger sur les animations, ne pas trop en faire. le drag & drop est à mon sens, est plus fait pour de l'administration ou une boutique, car trop d'animation tue l'animation. les librairies sont vraiment utilent quand on s'en sert pour aléger son code, plutot que d'y rajouter des effets à tout va... pour un 'tit exemple allez faire un tour sur frech.fr
-
j'plaides coupable.... Cest vrai que pour mes posts j'pourrais faire un peut plus attention. Pour se qui est de mes sites, nacedo.eu n'a jamais vraiment été en activité et pour frech.fr, j'ai mis en place un module de modification in-line afin que l'entreprise puisse corriger et modifier le contenue à son bon vouloir. Promis j'vais faire des efforts.
-
merci kenzo49, ça fait plaisir de voir quelqun qui connait se qui signifi "Génie Civil".
-
pour se que tu veux faire il existe une librairie JS très pratique, il sagit de prototype.js. elle te permetra d'éffectuer des requette asynchrone en toute simplicité. Couplé avec du php c'est génial. Voici un 'tit exemple Code HTML <form id='formsearh' method="post" enctype="multipart/form-data"> <input id="search1" type="text" ></input> <input id="search2" type="submit" value="chercher" onclick='search(); return false;'></input> </form> Code JS function search() { var myAjax = new Ajax.Request('./PAGE/search.php5',{ method: 'post', asynchronous: true, contentType: 'application/x-www-form-urlencoded', encoding: 'ISO-8859-1', parameters: 'mot='+$('search1').value, onSuccess: gestionReponse, onFailure: function(){} }); } function gestionReponse(xhr){ if (xhr.status == 200) { $('contenu').innerHTML = xhr.responseText; lien(); } } code PHP <?php header("Content-Type: text/html; charset=ISO-8859-1"); echo('vous recherchez "'.$_POST['mot'].'"); ?> Cela me semble assez simple, mais si tu veux plus d'info fait moi signe.
-
Bonjour à tous, donc moi c'est Nacedo, ou plutot Mathieu. J'suis actuellement étudiant en Génie Civil (license). ça n'a vraiment rien à voir avec l'informatique, mais c'est là que tout à commencé. En effet j'ai commencé avec un peut de VBA et maintenant j'en arrive au webmastering. Mes langages favoris sont le PHP, la javascript (AJAX) et l'XML. j'ai très peut de réalisations vraiment concluantes à mon actif si ce n'est ce site --> http://frech.fr précédement je m'étais déja amusé sur nacedo.eu et aegc.fr ainsi que quelque 'tit truc par ci par la. Je pense avoir ateint un niveau de programation suffisant pour pouvoir obtenir des résultats sympa. cependant j'ai encor pas mal de difficulté avec l'intégration CSS (CF frech.fr) Donc si certain on besoin de conseils ou si d'autre peuvent m'aider avec les CSS, j'suis toujours libre. Ah oui?! l'informatique ne fait pas, n'oubliez pas de vous amuser... ++