begin process at 2012 05 29 01:06:47
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

caché un div après clic et ouverture d'une autre


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

caché un div après clic et ouverture d'une autre

dimanche 11 avril 2010 à 00:49:33 | caché un div après clic et ouverture d'une autre

wiby35

bonjour,je ne suis pas sur d'être dans la bonne partie du forum..

je vais essayer d'être claire et de faire simple ( heuuu c'est pas gagné )lol

alors voilà, j'ai actuellement:
un div (menu1)visible
un div (divid5)en dessous caché)
-------------------------
à coter:
un div (menu2) visible
un div (divid4)en dessous caché
------------------------
quand on passe la souris ex: sur la div (menu1), la div (divid5) s'affiche en dessous avec des liens dedans.
quand on clique sur un des lien, cela charge en ajax la page appeler et l'affiche dans la (divid4)

actuellement, après le clic et donc le chargement dans la divid4 je suis obliger de passer ma souris sur la div (menu1) pour la fermer
et de passer la souris sur la div (menu2) pour faire afficher la div (divid4) se qui est embétant mais tout fonctionne...

se que je voudrais faire est: que quand on clique sur un lien de la div (divid5) et donc que sa charge la page appeler dans la div (divid4), la div(divid5) se ferme et la div (divid4) s'affiche..
j'espère avoir été asser claire..

je joint les codes:

code qui permet d'afficher la page appeler dans la divid4 aprés le clic
<script type="text/javascript">
function envoieRequete(url,id)
{
var xhr_object = null;
var position = id;
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else
if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
// On ouvre la requete vers la page désirée
xhr_object.open("GET", url, true);
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(position).innerHTML = xhr_object.responseText;
}
}
// dans le cas du get
xhr_object.send(null);
}
</script>


et le contenu dans la divid5, (lien pour envoyer la page dans la divid4)

<a href="#" onclick="envoieRequete('categories/actions.php','divid4');" >Actions</a><br />

merci à vous si vous avez des idées
dimanche 11 avril 2010 à 01:35:45 | Re : caché un div après clic et ouverture d'une autre

wiby35

Réponse acceptée !
pour info, je viens de trouver, après le clic dans le divid5, ouvrir la divid4 :
<a href="#" onclick="envoieRequete('categories/actions.php','divid4');javascript:visibilite('4');" >Actions</a>

je cherche encore à fermer automatiquement le divid5..
dimanche 11 avril 2010 à 02:04:23 | Re : caché un div après clic et ouverture d'une autre

wiby35

Réponse acceptée !
au cas ou cela pourrais servire, j'ai trouver la solution ( vi, moi tout seul, le nul en javascript :))

<a href="#" onclick="envoieRequete('categories/actions.php','divid4');javascript:visibilite('4');javascript:document.getElementById('divid5').style.display='none';" >Actions</a>


Cette discussion est classée dans : xhr, object, div, divid4, divid5


Répondre à ce message

Sujets en rapport avec ce message

Prob rechargement XmlHttpRequest [ par sunee ] Bonjour,  Bon j'ai hésité à poster dans au secours hein  ... mais je vais poster dans la catégorie concernée...Quelqu'un a-t-il déjà rencontré des pro Ajouter un preload au chargement d'un div [ par renaud2006 ] Bonjour, voila j'utilise une simple fonction de chargement de div en javascript , le petit soussis c'est que j'aimerai y rajouter un préload de charge 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 Rafraichir div avec select méthode POST [ par gabi26 ] Bonjour,Mon premier message sur le forum qui jusque là m'a bien inspiré!Voici le Hic:J'utilise un select pour appeler différentes pages php. Le script Ajax et https [ par brian85 ] Bonjour, j'ai migré mon intranet sur un serveur en https pour des raisons de sécurité, mais depuis mes appels Ajax ne passent plus en effet firebug me Pb d'utilisation de données chargées dans une div avec ajax [ par sagat06 ] Bonjour à tous, donc voilà: je rempli une div avec le contenu d'un fichier texte grâce à la fonction suivante trouvé sur Codes-sources => var mox; fun XMLHttpRequest [ par softghost ] bonjour tous le monde;j'utilise xmlhttprequest pour l'envoi de requet entre les page en restand sur index avec un il marche tres bien, a mon cas j'ape Problème de Popup-Tooltip [ par whiteange ] Bonjour à tous,Voilà, j'ai un petit problème avec un simili poup-tooltip. Sur une page, l'utilisateur clique sur une image, ceci appel alors une fonct jquery et ajax formulaires [ par Annadrill ] bonsoir, j'aimerais savoir comment je dois m'y prendre pour recréer un script du type de celui ci-dessous pour jquery, le systeme étant que les cha Ajax et base de donnees [ par voyager ] voyager Bonjour a tous Etant debutant je ne sais pas si je post au bon endroit mais bon j essaye [u]Petit explication pour la comprehension [/u] D


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 : 0,889 sec (4)

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