begin process at 2012 05 30 02:53:07
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Ajax

 > 

utiliser ajax pour ouvrir une nouvele page dans la page en cours


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

utiliser ajax pour ouvrir une nouvele page dans la page en cours

mardi 27 mars 2007 à 16:28:21 | utiliser ajax pour ouvrir une nouvele page dans la page en cours

msiham05

salut a tous le monde

j'ai un probleme dans l'utilisation d'ajax,

j'ai une page « sondage.asp » dans la quelle je veux afficher la page « resultat.asp » si je clique sur l'image de "voter" ou l'image de "afficher le résultat".

j'ai réussi de faire ça on insérant un div dans la page sondage mais maintenant je veut que la page sondage soit remplacer par la page résultat bien sur on affichant aussi l'image de "en cours de chargement".

Est ce que quelqu'un peut m'aider

En ajax

 

mardi 27 mars 2007 à 17:38:21 | Re : utiliser ajax pour ouvrir une nouvele page dans la page en cours

Zobibol

Membre Club
salut, tout seul ;o)
Et en gardant ta div mais qui tiendrais dans tous l'écran .. avec un z-Index inférieur à celui de ton image "en cours de chargement" mais superieur à tout tes contrôle ?
du genre
.MYAjaxContent{
    position:absolute;
    top:0px;
    left:0px;
    width::100%;
    height:100%;
    background-color:white;
    z-Index: [Il faut qu'il soit inférieur à ton image d'attente];
    visibility:hidden;
}

<div class="MYAjaxContent" id="myAjaxContent"></div>

et une fois ta requête lancé, tu la mêts en visible la fenêtre et zoup...

non ?

[o-_-o]
mercredi 28 mars 2007 à 12:08:47 | Re : utiliser ajax pour ouvrir une nouvele page dans la page en cours

msiham05

Merci pour votre aide

Mais vous m'avez pas précisé ou inséré le contenu "MYAjaxContent" et si j'insère un div qui tiendra toute la page ça me donne erreur Veullez me précisé ou l'insérer.
je veux vraiment vous montrer mon code pour que vous puissez me comprendre le voila :
le fichier "ajaxmethod.js"
function ObjectDiv( div , content )
        {
                if ( document.getElementById )
                {
                        document.getElementById( div ).innerHTML = content;
                }
                        else
                {
                        if ( document.layers )
                        {
                                document.div.innerHTML = content;
                        }
                                else
                        {
                                document.all.div.innerHTML = content;
                        }
                }
        }
       
        function Goto( FILE , METHOD , DATA , div )
        {
                if( METHOD == 'GET' && DATA != null )
                {
                        FILE += '?' + DATA;
                        DATA = null;
                }

                var httpRequestM = null;  

                        if( window.XMLHttpRequest )
                        {   // Firefox  
                            httpRequestM = new XMLHttpRequest();
                        }
                                else if( window.ActiveXObject )
                        {   // Internet Explorer  
                            httpRequestM = new ActiveXObject( "Microsoft.XMLHTTP" );
                        }
                                else
                        {   // XMLHttpRequest non supporté par le navigateur  
                            return "Votre navigateur ne supporte pas les objets XMLHTTPRequest...";
                        }  
  
                                httpRequestM.open( METHOD , FILE , true );
                                httpRequestM.onreadystatechange = function()
                                {  
                                        if( httpRequestM.readyState == 4 )
                                        {
                                                ObjectDiv( div , httpRequestM.responseText );
                                        }
                                }
               
                        if( METHOD  == 'POST' )  
                        {
                                httpRequestM.setRequestHeader( "Content-type" , "application/x-www-form-urlencoded" );
                        }

                 httpRequestM.send( DATA );  
        }

        function ViewContent( div , href , method , data )
        {
                var wait = "<div align='center'>" +
                           "<b><font style='color:red;'>Chargement en cours.....</font></b><br><br>" +
                           "<img src='./loading.gif' border='0' alt='Chargement en cours....'>" +
                           "</div>";

                ObjectDiv( div , wait );
                Goto( href , method , data , div );
              
       return false;
       
  }

la page "sondage.asp"
<!--#include file="Connexions/connexion.asp" -->
<script type="text/javascript" src="./ajaxMethod.js"></script>

<%
date_s=Date()
jours=Day(date_s)
moiss=Month(date_s)
annees =Year(date_s)
date_s=annees&"/"&moiss&"/"&jours
SQL = "select * from sondages where codelangue="+cstr(codelangue)+" and date_debut <= #"&date_s&"# and date_fin >= #"&date_s&"# order by date_debut "
Set rs = Server.CreateObject("ADODB.Recordset")
rs.Open SQL,Conn
if rs.eof=false then
Question=RS("Question")
session("NbreReponsePossible")=RS("NbreReponsePossible")%>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bordercolor="#FFFFFF" dir="<%= rr %>" >
 
  <%
Alignement="right"
If Alignement="right" Then %>
  <tr>
    <td width="128" height="35" align="center" valign="top" background="images/titre1.gif"><div align="center"><b><font size='3' face='" + prin_f + "'  color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#1575;&#1587;&#1578;&#1600;&#1600;&#1591;&#1604;&#1575;&#1593; &#1575;&#1604;&#1585;&#1571;&#1610;</font></b></div></td>
  </tr>
<% Else %>

  <tr>
    <td width="128" height="38" align="center" valign="top" background="images/titre.gif"><font face="<%=prin_f %>" size="<%=prin_t%>" color="<%=couleurtexte%>"><strong>Sondage</strong></font></td>
  </tr>
<% End If %>

  <tr><% If rs("image")<>"" Then %>
    <td  align="center"><img src="popup/<%=rs("image")%>" border="0"></td>
  </tr><% End If %>
  <tr>
    <td height="4"> </td>
  </tr>
  <tr>
    <td width="100%" align="center"  ><font face="<%=prin_f %>" size="<%=prin_t%>" color="<%= couleur_sous_titre %>"><b><%=Question%></d> </font></td>
  </tr>
  <form method="POST" action="resultat_s.asp?code=<%=rs("Code")%>&codelangue=<%=codelangue%>"  target=Vote  style="MARGIN: 4px" %>
    <% for i= 0 to session("NbreReponsePossible")-1 %>
    <tr>
      <td width="100%" >
        <input type="radio" value="R<%=i%>" name="RSondage" <%if i=0 then Response.write("checked")%>>
        <font face="<%= Fontssrubrique %>" size="<%= taillessrubrique %>" color="<%= couleurssrubrique %>">
     
   <%'pour le titre de la radio et ça emporte le champ Q1 et Q2 jusqu'a le nombre de question possible%>
  <%=RS("Q"+cstr(i))%></font></td>
    </tr>
    <% next %>
  
  <% If Alignement="right" Then %>
  <tr>
      <td width="100%" align="center" valign="bottom" >
     <a onclick="javascript:ViewContent( 'main' , 'resultat_s.asp?code=<%=rs("Code")%>&codelangue=<%=codelangue%>' , 'GET' , null );" href="javascript:void(0);">

        <input name="imageField" type="image" src="image/charik.gif" border="0"></a></a>
  <!-- voila le lien qui fai l'appel du page resultat.asp -->
  <a onclick="javascript:ViewContent( 'main' , 'resultat_s.asp?code=<%=rs("Code")%>&codelangue=<%=codelangue%>&ref=1' , 'GET' , null );" href="javascript:void(0);">
       <img src="image/natija.gif" border="0" align="top"></a> </td>
    </tr>
 
  <% Else %>
 
    <tr>
      <td width="100%" align="center" valign="bottom" >
     <a onclick="javascript:ViewContent( 'main' , 'resultat_s.asp?code=<%=rs("Code")%>&codelangue=<%=codelangue%>' , 'GET' , null );" href="javascript:void(0);">
            <input name="imageField" type="image" src="image/ch.gif" border="0"></a>
  
<a onclick="javascript:ViewContent( 'main' , 'resultat_s.asp?code=<%=rs("Code")%>&codelangue=<%=codelangue%>&ref=1' , 'GET' , null );" href="javascript:void(0);"> 
 <img src="image/resultat.gif" border="0" align="top"></a> </td>
    </tr>
 <% End If %>
  </form>
  <% If Alignement="right" Then %>
  <tr>
    <td align="center"><strong><a href="def.asp?codelangue=<%=codelangue%>&ref=8"><font face="<%= prin_f %>" size="<%= tailletexte %>" color="<%= couleurtexte  %>" >ÃÑÔíÝ ÅÓÊØáÇÚ ÇáÑÃí</font></a></strong></td>
  </tr>
  <% Else %>
  <tr>
    <td align="center"><strong><a href="def.asp?codelangue=<%=codelangue%>&ref=8"><font face="<%= prin_f %>" size="<%= tailletexte %>" color="<%= couleurtexte  %>" >Archives sondages</font></a></strong></td>
  </tr>
<% End If %>
</table>
<% else
end if %>
<%
set RS=nothing

%>
<div align="left"><br>
 
      <div id="main" align='center' style="text-align:center;border:1 red dotted;width:500;">
</div>
  
</div>

 

jeudi 29 mars 2007 à 11:41:10 | Re : utiliser ajax pour ouvrir une nouvele page dans la page en cours

Zobibol

Membre Club
Re.
Le problème, c'est que l'asp, je sais pas trop quoi en faire mais je pense que l'erreur vient du fait que lorsque le chargement est terminé
            httpRequestM.onreadystatechange = function()
                                {  
                                        if( httpRequestM.readyState == 4 )
                                        {
                                                ObjectDiv( div , httpRequestM.responseText );
                                        }
                                }
la valeur de div est null car ce n'est pas une variable "globale" du coup, c'est pas facile de retrouver le container...

il faudrait voir pour déclarer soit une variable globale ( du genre )

var containerId = "";
dans ajaxmethod.js
et ensuite dans ta méthode
ViewContent( div , href , method , data )
faire :
    containerId  = id;
ensuite

            httpRequestM.onreadystatechange = function()
                                {  
                                        if( httpRequestM.readyState == 4 )
                                        {
                                                ObjectDiv( containerId , httpRequestM.responseText );
                                        }
                                }


Mais ne pouvant pas tester...


[o-_-o]
jeudi 29 mars 2007 à 18:55:00 | Re : utiliser ajax pour ouvrir une nouvele page dans la page en cours

msiham05

Merci beaucoup sur votre aide
j'ai déjà dé brui
en changeant des truc quelque part dans ma page
et j'ai inséré la div dés le début de la page et ça marche.

 Merci infiniment.

 



Cette discussion est classée dans : page, image, ajax, cours, sondage


Répondre à ce message

Sujets en rapport avec ce message

utiliser ajax pour ouvrir une nouvele page dans la page en cours [ par msiham05 ] salut a tous le monde j'ai un probleme dans l'utilisation utiliser ajax pour ouvrir une nouvele page dans la page en cours [ par msiham05 ] salut a tous le monde j'ai un probleme dans l'utilisation Recup d'une page aspx dans un span. AJAX a la place d'une iframe. [ par Targos ] Hello tout le monde.J'ai un petit probleme, je veux recupérer dans un d'une page html le contenu d'une page aspx.Pas de probleme j'ai utilisé XMLHttp Rafraichir page WEB en C# (et AJAX?) [ par saiyajin3 ] Bonjour,CONTEXTE :Pour un TP, on développe programme qui pilote un train et qui affiche en "pseudo" temps réel la position du train sur une page WEB. recharger une page [ par loraspirit ] Bonjour,J'aurai aimé avoir une petite aide !Voilà : J'ai une page qui contient une autre page. Dans la deuxième page, j'ai un sondage et quand on cliq probleme actualisation Background-image [ par malhivertman1 ] Bonjour, me revoilà déjà avec un autre problème :D En fait, maintenant que mon background-image marche aussi bien sous IE que sous Firefox, j'ai un pr position aléatoire d'un image dans une page HTML [ par valerie6983 ] C à dire, qu'à chaque fois que j'ouvre mon index.html, la petite image qui s'y trouve change de place dans la page de manière aléatoire.Est-ce possibl AJAX & PHP : Gestion des Sessions [ par bjipowa ] Bonjour à tous !Je ne savais pas si il fallait mieux poser sa sur PHP-fr ou sur javascriptFr donc j'ai décidé étan donné que c'est un peu plus du doma AJAX et données nombreuses [ par coockiesch ] Re-bonjour! :)  Je développe un script qui permet de lister la présences de personnes à des activités, j'ai donc, sur ma page, un tableau à deux entré DHTMLGoodies [ par corsica ] Salut à tous.Petit problème à soumettre :J'ai une page PHP qui utilise AJAX par le biais du FrameWork DHTMLGoodies ( très bien au passage ).Le p


Nos sponsors


Sondage...

Comparez les prix

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

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