JN Forum :: Voir le sujet - zone de contenu déroulante (news)


	JN Forum Forum GRATUIT et SANS PUB de tutoriaux, didactitiels et aides pour la création numérique.

zone de contenu déroulante (news)

Voir le sujet suivant
Voir le sujet précédent

Index du Forum » Pages web

Auteur

Message

JackNUMBER
Administrateur

Inscrit le: 25 Juin 2005
Messages: 700
Localisation: Paris

Posté le: 21 Juin 2006 18:49:28

bonjour !!
voici un script qui va vous permettre d'insérer dans vos pages des zones de contentu défilantes, pour par exemple vos news. Il suffit de survoler les flèches pour faire défiler (pour les flèches voir en bas de post).

> EXEMPLE <

script à mettre entre les balises <body> et </body>:

Code:

<script language="JavaScript1.2">
iens6=document.all||document.getElementById
ns4=document.layers
var speed=5
if (iens6){
document.write('<div id="container" style="position:relative;width:200;height:230;border:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:170;left:0;top:0">')
}
</script>

<ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160">
<layer name="nscontent" width=175 height=160 visibility=hidden>



<p><font size="2" face="Tahoma">C'est ici que vous mettez vos news ou bien tout
autre contenu.</font></p>
<p><font size="2" face="Tahoma">On peut y insérer des liens: <a href="http://jn-forum.fluo.net">JN-Forum</a></font></p>
<p><font size="2" face="Tahoma">Comme n'importe qu'elle balises HTML:<br>
<i>Italique</i>  /  <b>Gras</b>  /  <u>Souligné<br>
</u>Images: <img border="0" src="http://thejackspage.free.fr/phpBB2/images/smiles/s'en-fou.gif" width="80" height="48"></font></p>
<p><font size="2" face="Tahoma">Il suffit de suivre les étapes indiquées sur
la page du forum.</font></p>



</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<table width="175px"><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="haut.gif" border=0></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="bas.gif" border=0></a></p></td>
</table>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",100)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",100)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

explications:
je ne vais pas tout expliquer mais voilà comment paramétrer:
- la vitesse de défilement:
trouver la ligne var speed=5 (la 4ème ligne)
le 5 correspond à la vitesse de défilement
- la taille du cadre:
allez à la ligne 6 et modifiez les valeurs de width (largeur) et de height (hauteur)
- pour les flèches de défilement:
je vous propose ces flèches:

(clic droit > Enregistrer sous...)

pour plus de détail: un éditeur de script est disponible: ICI

- Tutorial réalisé par Jack NUMBER -

_________________
jacknumber.fr

Index du Forum » Pages web

Voir le sujet suivant
Voir le sujet précédent
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum

Partenaires:

Licence Creative Commons

Forum réalisé par Jack NUMBER
Structure: phpBB