begin process at 2012 05 28 23:35:31
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Afficher un div dans un emplacement unique...

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

Afficher un div dans un emplacement unique...

mardi 30 janvier 2007 à 10:18:14 | Afficher un div dans un emplacement unique...

younes371

j'utilise cette fonction pour afficher un arrire plan en gris(ça semble come desactivé ce qui est en arriere de la couleur grise).

function AfficheCache(){
  var Obj;
  //-- on affiche le fond
  Obj = document.getElementById('D_A');
  if(Obj){
    with( Obj.style){
      position="absolute";
      display="inline";
      left = "135px";
      top  = "243px";
      zIndex= 11;
    }
  }
}

function MasquerCache(){
  var Obj;
  //-- on masque le fond
  Obj = document.getElementById('D_A');
  if(Obj)
   {
     with( Obj.style)
   {
         display="none";
      }
 }
}
ça marche tres bien, mais mon probleme c'est que il s'affiche pas dans l'emplacement que je veux,
Normalement je veux afficher "la transparence grise" seulement dans un autre div
(<div id="def"> </div>).

Le div qui fait la couelure grise est :
<div id="D_A" onClick="MasquerCache();" style="display:none;width:525px;height:190px;background-color:#555555;filter:alpha(opacity=40); -moz-opacity: .4;">
</div>.
Remarque :
sur la resolution 1024/768 et avec left = "135px"; top = "243px"; , la transparence s'affiche dans l'emplecement que je veux.
Merci pout vos aides.

N'importe où. 
mais là où il le faut.
mardi 30 janvier 2007 à 11:50:49 | Re : Afficher un div dans un emplacement unique...

PetoleTeam

Membre Club

B onjour...
Il n'est pas judicieux de fixer la position left et top mais plutôt de récupérer la position du DIV devant être caché et d'ajuster la position du DIV cachant.

par exemple
//---------------------
function AfficheCache(){
  var O_Cache = document.getElementById('D_A');
  var O_Srce  = document.getElementById('def');
  //-- on affiche le fond
  if( O_Cache){
    with( O_Cache.style){
      position="absolute";
      display="inline";
      left = O_Srce.offsetLeft +"px"; // Recup PosX
      top  = O_Srce.offsetTop  + "px"; // Recup PosY
      zIndex= 11;
    }
  }
}

 ;0)
mardi 30 janvier 2007 à 11:53:03 | Re : Afficher un div dans un emplacement unique...

bultez

Membre Club




Bonjour,

pas tout compris....

° rien n'appelle AfficheCache()
° comment cliquer sur un élément invisible ( display:none ) ?
° à part cela, s'il faut afficher là où est le div "def"
    document.getElementById("D_A").style.top=document.getElementById("def").offsetTop;
     document.getElementById("D_A") .style.top=document.getElementById("def").offsetTop;
Cordialement            Bul         [mon Site]     [M'écrire]
mardi 30 janvier 2007 à 11:54:36 | Re : Afficher un div dans un emplacement unique...

bultez

Membre Club




il fallait lire :

     document.getElementById("D_A").style.top=document.getElementById("def").offsetTop;
     document.getElementById("D_A") .style.left=document.getElementById("def").offsetLeft;

Cordialement            Bul         [mon Site]     [M'écrire]
mardi 30 janvier 2007 à 13:49:52 | Re : Afficher un div dans un emplacement unique...

younes371
Merci mes amis de votre aide.

j'ai essayé la solution de PetolTeam mais ça marche pas,

l'appel de fonction je le fait avec :
<img src=" " onclick="AfficheCache();">
j'ai plusieurs images qui s'affichent dans le div "def", je veux lorsque je clique sur une image, la transparence s'affiche sur les images (sur le div def).
j'arrive a afficherla transprence, mais pas dans le div, si je change le top et le left de afficheCache(); ça marche dans la reolution actuelle mais si je change la resolution, ça marche plus.
Merci.

N'importe où. 
mais là où il le faut.
mardi 30 janvier 2007 à 14:24:57 | Re : Afficher un div dans un emplacement unique...

bultez

Membre Club





>>j'ai essayé la solution de PetolTeam mais ça marche pas,
curieux, pas de raison... et on aimerait voir ce que tu fais.

je réitère quand même mes questions !!!
                 ° rien n'appelle AfficheCache()
                ° comment cliquer sur un élément invisible ( display:none ) ?
Cordialement                        Bul                 [mon Site]         [M'écrire]
mardi 30 janvier 2007 à 14:41:23 | Re : Afficher un div dans un emplacement unique...

younes371
il y a :
<img src=" " onclick="AfficheCache();"> donc si on clique sur l image on appel la fontion !.
et l image est visible !.
Merci

N'importe où. 
mais là où il le faut.
mardi 30 janvier 2007 à 15:00:43 | Re : Afficher un div dans un emplacement unique...

bultez

Membre Club
Hein.gifdur dur d'avoir les données pour tenter d'aider !
et la fonction AfficheCache() modifiée ? et les div en question sont "tel-quel" ? ...
Cordialement                Bul         [mon Site]     [M'écrire]
mardi 30 janvier 2007 à 15:05:26 | Re : Afficher un div dans un emplacement unique...

younes371
<head>
function AfficheCache(){
  var Obj;
  //-- on affiche le fond
  Obj = document.getElementById('D_A');
  if(Obj){
    with( Obj.style){
      position="absolute";
      display="inline";
      left = "135px";
      top  = "243px";
      zIndex= 11;
    }
  }
}

function MasquerCache(){
  var Obj;
  //-- on masque le fond
  Obj = document.getElementById('D_A');
  if(Obj)
   {
     with( Obj.style)
   {
         display="none";
      }
 }
}

</head>
<body>
du html (le head ,d autres divs, ..)
<div id="def">Contient des images
<img src="" onclick="AfficheCache();"
</div>

<div id="D_A" onClick="MasquerCache();" style="display:none;width:525px;height:190px;background-color:#555555;filter:alpha(opacity=40); -moz-opacity: .4;">
</div>.
</body>
</html>

N'importe où. 
mais là où il le faut.
mardi 30 janvier 2007 à 15:07:07 | Re : Afficher un div dans un emplacement unique...

bultez

Membre Club
je ne demande pas ça pour emm%?$£... le monde, ni voir
    ce que tu fais, mais la solution de PetOleTeam doit fonctionner,
    donc, tu dois avoir une erreur quelque part, et sans code...
    on ne peut pas dire !
   à propos,  IE : Activer le Debogage,
                    FF/K-Meleon,Opera... : regarder la "console d'Erreurs"
    dèjà ?
Cordialement            Bul         [mon Site]     [M'écrire]

1 2

Cette discussion est classée dans : afficher, obj, div, emplacement, grise

Répondre à ce message

Sujets en rapport avec ce message

afficher une page html placer entre div dans une autre page html [ par shansen ] je voudrais savoir comment on peut faire pour afficher une page html dans une autre page html sans utiliser de frame et d'iframe, juste dans des div.m php/js ou comment afficher/masque plusieurs div indépendement [ par samylatortue ] Salut,je ne pense pas être tres loin du but mais ca ne marche pas, je cherche a réaliser un petit script un peux les petit "+" et "-" de ce site (on c afficher un div selon choix d'un select [ par pedroso ] Bonjour,je souhaiterais dans mon formulaire afficher ou non un div selon que l'on choisisse tel ou tel élément dans un liste déroulante.en l'ocurrence Div et affichage? [ par renaud2006 ] Bonjour je recherche qq qui pourrait m'aider.Je recherche un script qui me permetrait d'afficher un div dans la partie droite d'une page par exemple u Placement d'une div sur un textbox [ par ludovicanceaux ] Salut à tous, J'ai un problême de compatibilité entre firefox et internet explorer en fait ma fonction doit faire apparaitre une div avec une sorte d Affichage temporaire [ par Sandy084 ] Bonjour!Voila je souhaiterai afficher temporairement un div ou un texte seulement quelques secondes.Pour l'instant j'arive à afficher mon div chaque f ondblclick sur une div [ par aberrada ] Bonjour tous le monde,Je récupère des valeurs d'une base de données, que je voudrais pouvoir modifier en double cliquant.J'ai fait une fonction qui ma Faire apparaitre un div [ par shadow1779 ] Bonjour,je suis actuellement en train de faire mon site et je veux faire une petite zone pour afficher le contrat a l'inscription, ce contrat je l'ai Afficher/masquer plusieurs div à un seul endroit [ par kvf300 ] Bonjour à tous et bon début de semaine.  Je ne n'arrive pas à réaliser un affichage de div géré par le clic de la souris malgrès les tutoriaux de gool Récupérer une image [ par MarcoAix ] Bonjour, J'ai vu ce code sur un forum : il permet de récuérer les "div" d'une page et de les afficher sur sa page : loadHtmlFile('http://www.allhtml


Nos sponsors


Sondage...

Comparez les prix


Archos 7 home tablet - 2 Go
Entre 149€ et 159€

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,499 sec (4)

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)