Bonjour à tous,
J’ai besoin d’aide pour la création d’un widget me permettant d’afficher un message( à partir d’une variable) défilant dans mon dashboard.
Ex: « Programme 1 activé: moteur actif de 10h à 12h etc etc… »
J’ai le script en JS, mais je ne sais pas comment récupérer une variable d’un virtuel pour l’afficher dans le message défilant.
Apparemment on peut en Ajax ou en Php mais mes compétences sont nulles.
Si une personne qualifiée peut m’aider je serai très content.
Merci d’avance.
Steph.
Voila le code :
<div style="width:300px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="message" data-cmd_id="#id#" title="#collectDate#">
<div id="defil1" style="z-index:1;position:relative;width:300px;border:1px solid #C0C0C0;overflow:hidden" onmouseover="Pause1();" onmouseout="Defile1();" >
<div id="contenu1" style="z-index:1;position:relative;white-space:nowrap;display:inline;float:left;padding:5px" >TEXTE A AFFICHER</a>
</div>
</div>
<script type="text/javascript">
// DEFIL TEXTE HORIZONTAL
var Timer1 ;
var Vitesse1 = 20 ;
var Scroll1 = 0 ;
var P1 = 0 ;
var Intro1 = true ;
var Boucle1 = false ;
// Texte1 peut être renseigné par une variable php
var Texte1 = 'TEXTE A AFFICHER' ;
// La séparation entre chaque texte
Texte1 = Texte1 + ' ... ' ;
var Contenu1 = document.getElementById("contenu1") ;
Contenu1.innerHTML = Texte1 ;
var LargC = Contenu1.clientWidth ;
var Defil1 = document.getElementById("defil1") ;
var LargD = Defil1.clientWidth ;
Contenu1.style.left = LargD + "px" ;
function Defile1()
{
while ( LargC <= LargD )
{
Texte1 += Texte1 ;
Contenu1.innerHTML += Texte1 ;
LargC = Contenu1.clientWidth ;
}
if ( P1 == 0 )
{
Contenu1.innerHTML += Texte1 ;
P1 = 1 ;
}
Scroll1++ ;
if ( Intro1 == true && Scroll1 == LargD )
{
Scroll1 = 0 ;
Contenu1.style.left = 0 + 'px' ;
Intro1 = false ;
Boucle1 = true ;
}
if ( Boucle1 == true && Scroll1 == LargC-10 ) // -10 compense le padding de 5px du div contenu1
{
Scroll1 = 0 ;
Contenu1.style.left = 0 + 'px' ;
}
Contenu1.style.left = ( Contenu1.offsetLeft - 1 ) + 'px' ;
Timer1 = setTimeout('Defile1()', Vitesse1) ;
}
function Pause1()
{
clearTimeout(Timer1) ;
}
</script>
</div>