Problème de texte défilant. please help !
priet87
Messages postés
2
Statut
Membre
-
priet87 Messages postés 2 Statut Membre -
priet87 Messages postés 2 Statut Membre -
Bonjour,
Je développe un site qui présente dans une div : un texte décrivant un projet immo. ce texte est long donc j'utilise un script javascript me permettant de faire défiler le texte avec des boutons up et down.
A coté de cette première div la deuxième div présente une liste de photo qui défile également a l'aide d'un bouton up et down.
Mon problème:
Les boutons de la div 1 commande la div 1 jusque là ca va.
Les boutons de la div 2 comande la div 1. Là ça ne va pas.
Amateur et débutant en css et javascript, je vous en supplie soyez indulgent :-)
Pourriez vous m'aiclérer sur les modifs à effectuer dans le script suivant pour que cela fonctionne. Pour que chaque paire de bouton soit rattcahé à leur Div respective.
Le script:
<script language="javascript" type="text/javascript">
var Timer;
var Pas = 5;
function moveLayer(Sens) {
Objet=document.getElementById("contenu");
if(parseInt(Objet.style.top) + (Pas*Sens)>0) {
clearTimeout(Timer);
}
else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("Bloc_gauche").offsetHeight)) {
clearTimeout(Timer);
}
else {
Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
}
Timer = setTimeout("moveLayer(" + Sens + ");", 30);
}
</script>
le code dans <body>
<div id="Bloc_gauche">
<div id="contenu" style="position:relative; top:0;">
<div class="article .spip_documents">
<BOUCLE_article(ARTICLES){id_article}>#CHAPO<br/>#TEXTE</BOUCLE_article>
</div>
</div>
</div>
</div>
<div id="Bloc_nav">
<img onmouseover="moveLayer(1);" onmouseout="clearTimeout(Timer);" src="#CHEMIN{IMG/Fleche-haut.png}" style="cursor:pointer; padding-top:0px; alt="" />
<img src="#CHEMIN{IMG/barre-milieu-nav.png}" />
<img onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);" src="#CHEMIN{IMG/Fleche-bas.png}" style="cursor:pointer; padding-bottom:0px; alt=""/>
</div>
<div id="photo2">
<div id="contenu-1" style="position:relative; top:0;">
<BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date}>
[<a href="#URL_DOCUMENT" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE|parametre_url{id_document,#ID_DOCUMENT})]#documents_portfolio';return false;"[title="(#TITRE|couper{80}|texte_backend)"] >(#FICHIER|copie_locale|image_reduire{60,0}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})</a>]<p>
</BOUCLE_documents_portfolio>
</div>
</div>
<div id="Bloc_nav_3">
<img onmouseover="moveLayer(1);" onmouseout="clearTimeout(Timer);" src="#CHEMIN{IMG/Fleche-haut.png}" style="cursor:pointer; padding-top:0px; alt="" />
<img src="#CHEMIN{IMG/barre-milieu-nav-2.png}" />
<img onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);" src="#CHEMIN{IMG/Fleche-bas.png}" style="cursor:pointer; padding-bottom:0px; alt=""/>
</div>
Je développe un site qui présente dans une div : un texte décrivant un projet immo. ce texte est long donc j'utilise un script javascript me permettant de faire défiler le texte avec des boutons up et down.
A coté de cette première div la deuxième div présente une liste de photo qui défile également a l'aide d'un bouton up et down.
Mon problème:
Les boutons de la div 1 commande la div 1 jusque là ca va.
Les boutons de la div 2 comande la div 1. Là ça ne va pas.
Amateur et débutant en css et javascript, je vous en supplie soyez indulgent :-)
Pourriez vous m'aiclérer sur les modifs à effectuer dans le script suivant pour que cela fonctionne. Pour que chaque paire de bouton soit rattcahé à leur Div respective.
Le script:
<script language="javascript" type="text/javascript">
var Timer;
var Pas = 5;
function moveLayer(Sens) {
Objet=document.getElementById("contenu");
if(parseInt(Objet.style.top) + (Pas*Sens)>0) {
clearTimeout(Timer);
}
else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("Bloc_gauche").offsetHeight)) {
clearTimeout(Timer);
}
else {
Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
}
Timer = setTimeout("moveLayer(" + Sens + ");", 30);
}
</script>
le code dans <body>
<div id="Bloc_gauche">
<div id="contenu" style="position:relative; top:0;">
<div class="article .spip_documents">
<BOUCLE_article(ARTICLES){id_article}>#CHAPO<br/>#TEXTE</BOUCLE_article>
</div>
</div>
</div>
</div>
<div id="Bloc_nav">
<img onmouseover="moveLayer(1);" onmouseout="clearTimeout(Timer);" src="#CHEMIN{IMG/Fleche-haut.png}" style="cursor:pointer; padding-top:0px; alt="" />
<img src="#CHEMIN{IMG/barre-milieu-nav.png}" />
<img onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);" src="#CHEMIN{IMG/Fleche-bas.png}" style="cursor:pointer; padding-bottom:0px; alt=""/>
</div>
<div id="photo2">
<div id="contenu-1" style="position:relative; top:0;">
<BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date}>
[<a href="#URL_DOCUMENT" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE|parametre_url{id_document,#ID_DOCUMENT})]#documents_portfolio';return false;"[title="(#TITRE|couper{80}|texte_backend)"] >(#FICHIER|copie_locale|image_reduire{60,0}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})</a>]<p>
</BOUCLE_documents_portfolio>
</div>
</div>
<div id="Bloc_nav_3">
<img onmouseover="moveLayer(1);" onmouseout="clearTimeout(Timer);" src="#CHEMIN{IMG/Fleche-haut.png}" style="cursor:pointer; padding-top:0px; alt="" />
<img src="#CHEMIN{IMG/barre-milieu-nav-2.png}" />
<img onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);" src="#CHEMIN{IMG/Fleche-bas.png}" style="cursor:pointer; padding-bottom:0px; alt=""/>
</div>
A voir également:
- Problème de texte défilant. please help !
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Traitement de texte gratuit - Guide
- Texte de barra - Guide
- Ce logiciel gratuit et léger est parfait pour remplacer Word, même sur un vieux PC - Guide
- Transcription audio en texte word gratuit - Guide
