begin process at 2012 05 29 10:26:21
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

modification dynamique d'une page par javascript


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

modification dynamique d'une page par javascript

lundi 8 janvier 2007 à 13:55:57 | modification dynamique d'une page par javascript

VBFRANCE


bonjour,

J'ai un petit soucis don je n'arrive pas a trouver la solution
Voici un exemple qui fonctionne:

<SELECT id="option01" onchange="javascript:change_option01();">
 <OPTION value="v01" >valeur 1</OPTION>
 <OPTION value="v02" >valeur 2</OPTION>
 ........
 <OPTION value="v99" >valeur 99</OPTION>
</SELECT>
<DIV id="option_02"></DIV>
.......
</BODY>
<SCRIPT language=javascript type=text/javascript>
 <!--
 function change_option01()()
  {
   document.getElementById("option_02").innerHTML ="<SELECT id='option01'><OPTION value='v01' >valeur 1</OPTION><OPTION value='v02' >valeur 2.......</OPTION></SELECT>";
  }
 -->
</SCRIPT>


mais j'aimerais pouvoir modifier le code par l'ajout d'autre fichier , un peut comme cela:

<body>
<SELECT id="option01" onchange="javascript:change_option01();">
 <OPTION value="v01" >valeur 1</OPTION>
 <OPTION value="v02" >valeur 2</OPTION>
 ........
 <OPTION value="v99" >valeur 99</OPTION>
</SELECT>
<DIV id="option_02"></DIV>
.......
</BODY>
<SCRIPT language=javascript type=text/javascript>
 <!--
 function change_option01()()
  {
   document.getElementById("option_02").src =document.getElementById("type")(document.getElementById("type").selectedIndex).value+"html";
  }
 -->
</SCRIPT>

je ne peux malheureusement pas passer par du php
et tout coder dans la page ferais bcp trop de code sur une seule page
Quelqu'un aurait-il une idée ?

Merci d'avance.

 Thierry

lundi 8 janvier 2007 à 14:15:07 | Re : modification dynamique d'une page par javascript

Zobibol

Membre Club
Réponse acceptée !
Bien le bonjour.
Pour ce qui est de remplir une div, tu ne peux pas utiliser src="..."
le plus simple serait de passer par AJAX et de remplir ta div avec le retour de la requête.

Un truc du genre :

/**
* Ajax request
*/
function HTTPRequest() // Function pour créer l'objet xmlhttprequest //
{
    var xmlhttp=false;
    try
    {
          xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
        try
        {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (e)
        {
            xmlhttp = false;
        }
    }
    
    if (!xmlhttp && typeof XMLHttpRequest != "undefined")
    {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}            

/**
* Envois de la requête et récupération.
*/
function loadFromUrl(){
        var request = HTTPRequest();
        request.open("POST", document.getElementById("type")(document.getElementById("type").selectedIndex).value+".html", true);
        request.onreadystatechange = function() {  
            if(request.readyState == 4) {  
                var tmp = request.responseText;  
                document.getElementById("option_02").innerHTML = tmp;
            }
        }
        request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
        request.send(null);
}

et sur le onchange de ton select :
onchange=" loadFromUrl()"

ça doit fonctionner

[o-_-o]
lundi 8 janvier 2007 à 15:13:15 | Re : modification dynamique d'une page par javascript

VBFRANCE

Merci bien pour cette info.

Je ne connaissais par du tout AJAX( ormis le produit nettoyant  , mais c'est pas le meme registre), même pas de non
Je vais essayer de trouver plus d'info sur celui-ci

 Thierry



Cette discussion est classée dans : page, valeur, document, modification, getelementbyid


Répondre à ce message

Sujets en rapport avec ce message

controle de mouvement d'un calque avec bouton [ par kartoon ] Bonjour,Je souhaiterai connaître l'astuce pour pouvoir controler le déplacement d'un calque :J'ai un bouton "deplacer" qui fonctionne en entrant une d mon pb n'a pas de valeur [ par nahzhir ] Bonjour Sur mon site en asp, j'ai une erreur dont je ne trouve pas la reponse : document.getElementbyId(...) a une valeur null ce qui ce réfere à l Tester la valeur d'une couleur? [ par adeath ] Bonjour,j'aimerais pouvoir tester la couleur de fond d'une cellule d"un tableau :Si elle est "verte" alors elle devient "beige" et inversement.j'ai es Problème avec Firefox et document.getElementById() [ par Sipadan ] Bonsoir,J'ai pris une source sur ce site (je ne sais plus laquelle) pour faire un décompteur. Il marche bien sous ie et firefox mais dans la console j Probleme de recuperation de valeur [ par adess00 ] Bonjour bonjour,Je voudrais recuperer la valeur d un option mais ça ne marche pas sous IEVoila les 2 code JS que j ai essayé : function loaddata(id){  Probleme avec IE [ par theopil ] Voila sous firefox sa marche niquel , mes pas sous IE , et j tourne en rond et je ne trouve pas l'erreurfunction affi problème de formulaire de calcul en ligne [ par adtconsult ] Bonjour, J'ai une page web ou des données sont entrées par l'utilisateur en ligne Qui ressemble à ceci : --------------------------------------------- Fonction javascript sans recharger la page [ par leejunfan ] Bonjour a tous,J'ai un petit soucis avec une fonction javascript qui est appelé lors d'un événement onclick sur ma page html. Cette fonction est opéra afficher une zone qu'apres le clic de l'utilisateur [ par mickael56100 ] Bonjour je voudrais afficher un fieldset lorsque l'utilisateur clique sur Mot de passe oublié en dessous du premier.Voici mon code :        Connexion  passer les valeur url dune page a une autre en javascript [ par salasalasala ] [color=green]je vous expliquer mon probleme:[/color] jai une pagef.js------qui contenant une fonction javascript qui recupere les valeurs saisies dans


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

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,889 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales