espace entre deux div

Version imprimable

Bonsoir le forum,

Je travail actuellement sur un petit script que j'essaie d'adapter à mes besoins.

Code:

1
2
3
4
5
6
7
<SCRIPT language=javascript>function cache_div_regions3(){document.getElementById('imgR3').src='img/plus.gif'; Div3.style.visibility='hidden';return true;}</SCRIPT>
<IMG id=imgR3 style="CURSOR: pointer" onclick="if(this.src.substring(this.src.length,this.src.length-8)=='plus.gif'){cache_div_regions3();this.src='img/moins.gif';Div3.style.visibility='visible';}else{this.src='img/plus.gif';Div3.style.visibility='hidden';}" height=11 src="img/plus.gif" width=11 align=absMiddle name=imgR3>&nbsp;3</SPAN></TD><DIV id=Div3 style="left: 10; visibility: hidden; background-color: #ffffe1; width: 20; height: 23; border: 2px solid black">1111111111111111 1111111111111111 1111111111111111 1111111111111111</DIV>
</DIV>
 
<SCRIPT language=javascript>function cache_div_regions4(){document.getElementById('imgR4').src='img/plus.gif'; Div4.style.visibility='hidden';return true;}</SCRIPT>
<IMG id=imgR4 style="CURSOR: pointer" onclick="if(this.src.substring(this.src.length,this.src.length-8)=='plus.gif'){cache_div_regions4();this.src='img/moins.gif';Div4.style.visibility='visible';}else{this.src='img/plus.gif';Div4.style.visibility='hidden';}" height=11 src="img/plus.gif" width=11 align=absMiddle name=imgR4>&nbsp;4</SPAN></TD><DIV id=Div4 style="left: 10; visibility: hidden; background-color: #ffffe1; width: 20; height: 23; border: 2px solid black">2222222222222222 2222222222222222 2222222222222222 2222222222222222</DIV>
</DIV>

Le hic est que j'aurai souhaité, s'il vous plait, que l'on puisse me dire comment faire pour réduire la distance entre les deux div créée par la hauteur des messages.

En claire, je souhaite obtenir ça avant tout clique:
+ 3
+ 4
et que le décalage en hauteur entre +3 et +4 se fasse seulement en cliquant sur le +, le decalage serait alors equivalent au message a afficher.

Merci à tous.

10/12/2007, 09h50
guillaumeIOB

aie ça a l'air plus dur que je le pensais.....:(
10/12/2007, 10h30
le_chomeur

cherche du coté de innerHeight et innerWidth pour récupèrer la place occupé par un élément :)
10/12/2007, 10h45
SpaceFrog

déje essaye de passer par createElement il sera plus simple d'applique le style voulu sur les span ou divs ...a
10/12/2007, 11h12
guillaumeIOB

Citation:

Envoyé par le_chomeur

cherche du coté de innerHeight et innerWidth pour récupèrer la place occupé par un élément :)

J'ai essayé avec iinnerHeight et innerWidth, mais cela ne cré aucun décalage, concernant createElement, je vais décourvir les tutos, car je n'ai jamais utilisé cette fonction, d'autant que ma connaissance en javascript se résume au cerveau d'une poule :lol:
10/12/2007, 11h20
guillaumeIOB

Citation:

Envoyé par SpaceFrog

déje essaye de passer par createElement il sera plus simple d'applique le style voulu sur les span ou divs ...a

Je ne comprends pas une chose, createElement semblerait figer mon div et donc l'espace resterait???

Ce javascript servira de support a un code PHP, (que je maitrise largement mieux) et donc je ne peux pas figer les fenetre car elle seront positionnée au gré des fenetres précédentes. (j'essaie de créer un petit forum interne a intranet maison).

Merci de votre aide.
10/12/2007, 13h15
SpaceFrog

z-index ... ça te dit quelquechose ?
10/12/2007, 17h09
guillaumeIOB

Je dois pas savoir coder en jvs, je comprends pas meme avec z-index, ce ne fige plus, ok, mais l'espace reste le meme.
:(

J'ai passé toute l'aprés midi a eplucher une cinquantaine de site sur :
http://www.google.com/search?hl=fr&r...her&lr=lang_fr pour comprendre, mais je n'arrive pas a coder pour avoir un résultat..

Pourrais juste abuser un peu en demandant un exemple d'utilisation, pas le script, mais pour que je comprenne comment utiliser createElement...

Merci de votre temps
11/12/2007, 10h24
guillaumeIOB

Le htm bloque mon code javascript

je laisse tomber, merci a tous