Ressources ajax

Ce forum aborde toutes les questions qu'un codeur ou webmaster pourrait se poser, et n'ayant aucun rapport direct avec phpBB.
Tout ce qui peut concerner la récupération des sessions de phpBB sur votre site, doit se faire dans ce forum.

Modérateur: Equipe

[Réglé] Ressources ajax

Messagede neo-time » 07 Mar 2008 à 14:56

Salut all,
qui pratique l'ajax ?

qui aurais des scripts a tester ?

En tout cas je recherche un script pouvant donner une certaine interactivité quand on remplis un form de contacts
ç a d , quand la cellule est pas remplie on vois une image digne d'une croix rouge
une fois la cellule remplie la croix rouge s'e va pour laisser place a une croix verte ....

y a des script js et java, mais c'est pas tres extra en cas de fire fox .....

merci de vos infos
Dernière édition par neo-time le 14 Mar 2008 à 13:26, édité 1 fois.
neo-time
 

Re: Ressources ajax

Messagede Oyo » 07 Mar 2008 à 18:32

Salut,

Avec prototype.JS (http://www.prototypejs.org/) tu peux le faire facilement:

Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr">
   <head>
      <script language="javascript" type="text/javascript" src="prototype.js"></script>
      <script language="Javascript" type="text/javascript">
      <!--
         function init()
         {
            //~ On cherche tout les inputs ayant la class "champ"
            var i = 1;
            $$('input.champ').each(function(s)
            {
               //~ On regarde si le champs est vide
               if ($F(s) == '')
               {   
                  //~ On ajoute l'image indiquant une erreur
                  var img = '<img src="nok.gif" title="" alt="" border="0" id="champ'+i+'" />';
                  new Insertion.After(s, img);
               }
               i++;
            });
         }
         
         function ok(id)
         {
            var newscr = $("champ"+id);
            var newvalue =  $F("input"+id);
            //~ Si la valeur n'est pas vide
            if (newvalue != "")
            {
               //~ On modifie la valeur de l'image
               newscr.setAttribute("src", "ok.gif");
            }
            else
            {
               //~ Si l'utilisateur supprime la contenue alors on rebascule l'état de l'image
               newscr.setAttribute("src", "nok.gif");
            }
         }      
         //-->
      </script>
   </head>

   <body onload="init();">
      <form id="myform" name="myform" action="">a
         <input type="text" id="input1" name="champ1" class="champ" onchange="ok(1);"/><br />
         <input type="text" id="input2" name="champ2" class="champ" onchange="ok(2);"/><br />
         <input type="text" id="input3" name="champ3" class="champ" onchange="ok(3);"/><br />
      </form>
   </body>

</html>


A toi de trouver les image que tu veux
Ancien Administrateur de phpBB-fr - R.I.P Oyo 2006~2009

U-Web | Mods phpBB | Monstres Créatifs | Oyo's folio | PrestaDev
Avatar de l’utilisateur
Oyo
Inoubliable administrateur
 
Messages: 15220
Inscription: 12 Fév 2003 à 20:02
Localisation: Paris

Re: Ressources ajax

Messagede neo-time » 11 Mar 2008 à 13:12

merci Oyo ;) pour ce petit présent ....
vais devoir recoder toutes mes entrées (21) du formulaire :/
j'etait partis moi sur un truc assez fort et inutile au depart, mais bon fo bien se faire du bien comme on peu dirait il l'autre

en parlant d'ajax et d'aplications ajax moi j'ai ceci qui est pas mal ^^
http://www.maxkiesler.com/index.php/web ... tutorials/
mais bon ce lien est réservé pour les geek mal soignés :mrgreen:
neo-time
 

Re: Ressources ajax

Messagede Oyo » 11 Mar 2008 à 23:35

Salut,

J'avoue qu'il y a plus simple mais bon j'ai fais ça vite fait pour pas te perdre, sinon, j'aurai pu utilisé une lib JS (dont je me sert au boulot) pour valider les formulaires mais il aurait fallu modifier le script... m'enfin ce que j'ai fait suffit largement même si il faut se taper le nombre de champs :)

Pour être franc, l'AJAX avec prototype.js c'est vraiment super simple :)
Ancien Administrateur de phpBB-fr - R.I.P Oyo 2006~2009

U-Web | Mods phpBB | Monstres Créatifs | Oyo's folio | PrestaDev
Avatar de l’utilisateur
Oyo
Inoubliable administrateur
 
Messages: 15220
Inscription: 12 Fév 2003 à 20:02
Localisation: Paris

Re: Ressources ajax

Messagede neo-time » 14 Mar 2008 à 12:12

yep Oyo

proto.js, moi aussi je l'utilise (chopé par un autre site)
oui dans le fondamental ,on aurais tors même de s'en priver

dans le meme acabis que le proto voici l'highslide http://vikjavev.no/highslide/ (a configurer avant de telecharger)

en gros j'ajax c'est vrais comme c'est bien ....
mais perso bien sur e l'utilise prefabriqué mais le fabriquer soi meme ,fabriquer ses libraires sois meme et trop passionant :)
avec des resultas d'enfer si ça marche ....
neo-time
 

Re: Ressources ajax

Messagede Oyo » 14 Mar 2008 à 13:17

Il est vrai ceci dit pas forcement le temps de s'improviser à fabriquer soit même ça lib ^^ surtout quand on voit toutes les extensions créer pour prototype ;)

Surtout qu'il est difficile d'arriver à tirer le maximum de prototype, j'en apprend (presque) tous les jours et c'est vrai que pour mon boulot c'est un gain de temps énorme au niveau du développement notamment pour des contrôles complexes de formulaire :). Ceci dit on dérape un peu du sujet initial.

[!] Si vous considérez votre problème comme réglé, merci d'éditer le premier message de ce sujet et d'ajouter l'icône de sujet
Ancien Administrateur de phpBB-fr - R.I.P Oyo 2006~2009

U-Web | Mods phpBB | Monstres Créatifs | Oyo's folio | PrestaDev
Avatar de l’utilisateur
Oyo
Inoubliable administrateur
 
Messages: 15220
Inscription: 12 Fév 2003 à 20:02
Localisation: Paris

Re: Ressources ajax [réglé]

Messagede neo-time » 14 Mar 2008 à 13:28

le sujet initial ? mon formulaire .... mais je dois tout refaire :/ ça ira plus vite que de modifier 21 entrées :/

tiens tant que l'on est dans le formulaire
Vous auriez une idée comment faire un accusé de reception en cas de submit ?

-Code retiré par Dakin Quelia-
Motif: Dépasse le maximum autorisé.
neo-time
 

Re: [Réglé] Ressources ajax

Messagede Dakin Quelia » 14 Mar 2008 à 18:14

Bonjour,

Je t'invite à mettre le code dans un fichier TXT et de nous donner le lien vers ce fichier TXT afin de garder une bonne lisibilité du forum. :wink:

A bientôt,
Ouvrir un compte Gratuit chez Free-H? Détail complet en cliquant ici ! - Image Aucun support par mail, MP ou msn.
Mon blogue: Mon blogue | Mon jeu de rôles: Sénat Galactique | Mon hébergeur: Free-H | Mes documentations
Avatar de l’utilisateur
Dakin Quelia
Superstar
 
Messages: 16824
Inscription: 31 Oct 2006 à 19:33
Localisation: Belgique

Re: [Réglé] Ressources ajax

Messagede neo-time » 15 Mar 2008 à 13:59

salut , oui tu a raison , mais non je vais me debrouiller comme un grand ...
le code de uforumaire de commandes ne m'agrée plus j'aimerais developper un truc plus fun et tendance ...
neo-time
 

Re: [Réglé] Ressources ajax

Messagede Oyo » 16 Mar 2008 à 23:05

Dans ce cas là tu peux essayer de faire un formulaire dynamique :) et la l'utilisation de mon script peu servir éventuellement :)
Ancien Administrateur de phpBB-fr - R.I.P Oyo 2006~2009

U-Web | Mods phpBB | Monstres Créatifs | Oyo's folio | PrestaDev
Avatar de l’utilisateur
Oyo
Inoubliable administrateur
 
Messages: 15220
Inscription: 12 Fév 2003 à 20:02
Localisation: Paris


Retourner vers Coding, Webmastering et Sécurité informatique

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 13 invités

Liens : phpBB.biz • phpBBHacks.com • phpBB-Seo.com • EzCom-fr.com • phpBB-Conseils.com • phpBB3 Styles • phpBB podpora • phpBB Portugal • Tapatalk • Net Avenir • PromoBenef • Ticket Gagnant •