begin process at 2012 05 29 08:25:20
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

document.getElemetById() has no properties

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

document.getElemetById() has no properties

dimanche 20 mai 2007 à 11:31:12 | document.getElemetById() has no properties

sebaaas
Bonjour à vous tous,

Tout d'abord je tiens à m'excuser car je suis débutant mais j'essaye de comprendre tout doucement.

J'ai donc copié un scripte, et j'ai essayer de l'adapter à mes besoins.

Voici mon script de ma page index1.php
[CODE]
<html><head></head>
<body>
<script type="text/javascript">
function xxx(newtext) {
document.getElementById('destinataire').value = newtext;
}
function writediv(texte)
     {
     document.getElementById('nompbox').innerHTML = texte;
     }

function verifPseudo(nomp)
     {
     if(nomp != '')
               {
               if(nomp.length<3)
                         writediv('<span style="color:#cc0000"><b>'+nomp+' :</b> ce pseudo est trop court</span>');
               else if(nomp.length>30)
                         writediv('<span style="color:#cc0000"><b>'+nomp+' :</b> ce pseudo est trop long</span>');
               else
                      writediv(file('ajax.php?destinataire='+escape(nomp)))
               }

     }

function file(fichier)
     {
     if(window.XMLHttpRequest) // FIREFOX
          xhr_object = new XMLHttpRequest();
     else if(window.ActiveXObject) // IE
          xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     else
          return(false);
     xhr_object.open("GET", fichier, false);
     xhr_object.send(null);
     if(xhr_object.readyState == 4) return(xhr_object.responseText);
     else return(false);
     }
</script>
<br><br> Mots dans la Base de données : "Pomme" , "Poire", "Ananas" , "Prune", "Pommes" (le serveur de lycos étant un peu lent des fois, il faut insister)<br>
Même s'il indique que l'acces est interdit, taper qq lettre de plus <br> <br>

<form method="get" action="bd.php">
Produit testé = <input type="text" id="destinataire" name="destinataire" onkeyup="verifPseudo(this.value)" /><div id="nompbox"></div>


<input type="submit" name="submit" value="Envoyer la valeur" />
</form>
</html>[/CODE]

Voici le code du document ajax.php
[CODE]
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>

</head>
<body>
<?php
$connect = mysql_connect('localhost','root','') or die ("erreur de connexion");
mysql_select_db('tados0000_db',$connect) or die ("erreur de connexion base");  
$sql = "SELECT nomp FROM tour WHERE nomp LIKE '%".$_GET['destinataire']."%'";
$result = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
$i = 0;
$nomp = "";
echo '<ul>';
while ($row = mysql_fetch_array($result))
    {
    $i++;
    if($nomp == $row['nomp']){
           } else {

           echo '<li><a href="#" onclick="xxx(\''.$row['nomp'].'\')">'.$row['nomp'].'</a></li>';
           $nomp = $row['nomp'];
           }
    }
if($i==0) echo '<li>Il n\'y a pas aucun membre pseudo</li>';
echo '</ul>';
mysql_close();
?>
</body>
</html> [/CODE]

Et voici la page de ce code
http://membres.lycos.fr/tados0000/index1.php
Il faut parfois insiter car il peut arriver que lycos mette une erreur 404 (mais ma page existe bien)

J'ai voulu améliorer (avec beaucoup d'aide) en mettant un 2eme champs
Voici le code
[CODE]
<html><head></head>
<body>
<script type="text/javascript">

    function xxx(id, newtext) {
document.getElementById('destinataire'+id).value = newtext;
}

function writediv(id, texte)
     {
     document.getElementById('nompbox'+id).innerHTML = texte;
     }
     
 
function verifPseudo(id, nomp)
     {
     if(nomp != '')
               {
               if(nomp.length<3)
                         writediv(id, '<span style="color:#cc0000"><b>'+nomp+' :</b> ce pseudo est trop court</span>');
               else if(nomp.length>30)
                         writediv(id, '<span style="color:#cc0000"><b>'+nomp+' :</b> ce pseudo est trop long</span>');
               else
                      writediv(id, file('ajax.php?destinataire='+escape(nomp)))
               }

     }

function file(fichier)
     {
     if(window.XMLHttpRequest) // FIREFOX
          xhr_object = new XMLHttpRequest();
     else if(window.ActiveXObject) // IE
          xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     else
          return(false);
     xhr_object.open("GET", fichier, false);
     xhr_object.send(null);
     if(xhr_object.readyState == 4) return(xhr_object.responseText);
     else return(false);
     }
</script>

<br><br> Mots dans la Base de données : "Pomme" , "Poire", "Ananas" , "Prune", "Pommes" (le serveur de lycos étant un peu lent des fois, il faut insister)<br>
Même s'il indique que l'acces est interdit, taper qq lettre de plus <br> <br>
<form method="get" action="bd.php">

Produit testé = <input type="text" id="destinataire1" name="destinataire1" onkeyup="verifPseudo(1,this.value)" /><div id="nompbox1"></div>
Produit testé = <input type="text" id="destinataire2" name="destinataire2" onkeyup="verifPseudo(2,this.value)" /><div id="nompbox2"></div>

<input type="submit" name="submit" value="Envoyer la valeur" />
</form>
</html>[/CODE]

Voici le lien http://membres.lycos.fr/tados0000/index4.php

Malheureusement, la console d'erreur m'indique que :
"document.getElemetById("destinataire"+id) has no properties"
Qu'est ce que je dois changer dans mon code pour ne plus avoir cette erreur
lundi 21 mai 2007 à 00:04:50 | Re : document.getElemetById() has no properties

amezghal
salut
document.getElementById

Au début, on essaye de trouver une solution qui marche, et puis on cherche la meilleure solution.
lundi 21 mai 2007 à 09:38:58 | Re : document.getElemetById() has no properties

bultez

Membre Club




Bonjour,

    ...onkeyup="verifPseudo(this.value)
       donc appel à chaque appuie sur une touche ?
       et dès qu'on a frappé 3 caractères :
          file('ajax.php?destinataire='+escape(nomp)
       et c'est quoi ajax.php ?  on n'a pas.
             
    de plus, le retour de xmlhttprequest, n'est pas sûr...

    il faudrait tester :

           xhr_object.onreadystatechange = function()
           {
                if(xhr_object.readyState == 4)...
            }
Cordialement            Bul     [mon Site]     [M'écrire]


lundi 21 mai 2007 à 22:15:50 | Re : document.getElemetById() has no properties

sebaaas
Merci pour vos réponses,

Voici en ligne un exemple qui marche (pour un seul champs)
http://membres.lycos.fr/tados0000/index1.php

(il faut parfois institer pour accéder à la page car le serveur lycos est n peu rebelle)

Fichier ajax.php se trouve dans mon 1er message.

Mon problème se trouve dans la console d'erreur pour cette page la
http://membres.lycos.fr/tados0000/index4.php

J'avais un début de solution mais le résultat du 2eme champs se mettait dans le 1er champs cfr http://membres.lycos.fr/tados0000/index3.php

Voila
jeudi 24 mai 2007 à 18:36:47 | Re : document.getElemetById() has no properties

sebaaas
Réponse acceptée !
Voila j'ai trouvé la solution
http://www.phpfrance.com/forums/voir_reponse-192087.php


[ Lien ]
dimanche 16 décembre 2007 à 22:15:47 | Re : document.getElemetById() has no properties

sebaaas
Voila, j'ai fini par mettre en ligne mon site. Il s'agit de www.testmat.net un site regroupant des comparatifs de matériel . Si vous voulez voir ou j'ai utilisé la technologie Ajax, c'est dansla proposition de test pour les marques et produits. N'hésitez pas  me donner votre avis sur la mise en place.

Merci


Cette discussion est classée dans : code, id, xhr, object, nomp

Répondre à ce message

Sujets en rapport avec ce message

prb avec Ajax (ou incomprension du fonctionnement des FONCTIONS) [ par gomoz ] Je m'essaye aux thechniques Ajax pour me faciliter un peu la vie sur un petit programme php que je veux ameliorer.Il y a juste une chose que j'arrive [AJAX] Lier deux listes déroulantes [ par beegeezzz ] Salut les développeurs,J'aimerais créer une page avec 4 listes déroulantes liées.J'ai une première liste déroulante qui s'alimente correctement, je ne Envoyer plusieurs variables dans le open [ par fabricioliking ] Bonjour, Voila j'aimerai pouvoir envoyer grâce au javascript dans une page php deux variables.voici un extrait du code contenant mon formulaire : [COD je suis débutant. j'ai besion d'aide svp merci [ par dpk1 ] bonjour, je fais mon premier site. j'ai fait un model en html css et je suis au php. je passe des nuit blanche à apprendre. mais là je suis tomber sur Problème pour récupérer une valeur avec la methode $_POST [ par Vinz92270 ] Bonjour à tous,Cela fait 2 jours que je parcours les forums et je suis tjs bloqué... Donc j'espère qu'on pourra me répondre.Je souhaite récupérer à l' mysql_query($query) renvoie toujours false avec requête créer dans JavaScript. [ par jbiloeb ] Bonjour Je suis débutant en JavaScript et j'apprends en autodidacte par l'exemple donc désolé s'il y a une (des) grosse(s) bêtise(s) dans mon code ou panier d'achat mis a jour [ par Dav_c ] Bonjour, je code un script de e-commerce qui pour l'instant marche sans problème sauf que le panier ne s'actualise pas toujours. Bref un peu de code Remplacer un onclick par requête Ajax [ par monoski ] Salut tout le monde, J'utilise jquery et un petit plugin intitulé progressbar qui permet de réaliser de jolie barre de progression. Dans la page de d XMLHttpRequest sur serveur distant [ par azertyyy7575 ] Bonjour, J'ai un petit en ce moment avec un code Javascript/java J'utilise XMLHttpRequest pour récupérer les informations dont j'ai besoin. Le soucis div avec id variable [ par spokito ] bonjour à tous, je me retourne vers vous car je patauge la dessus depuis 3 plombes et je sens que j'ai pas le bon angle. [code=php]<?php // affichag


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy S
Entre 529€ et 529€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,437 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)