au sujet du scroller

[amap 0]

bonjour,

Je suis en peel premium hébergement 3.2

J'ai vu que certains d'entre vous aviez la fonction scroller.

J'ai bien les cases dans mon back office, pour sélectionner au moins deux articles,avant que le déroulement ne soit actif.

Par contre, je n'ai pas la fonction dans modèle/default/bas.php

Je ne sais pas si je l'ai avec ma version, mais, j'ai les cases dans le back office, dont tout laisse supposer que je dois avoir cette fonction quelque part.

Mais où ?

voici le code du bas.php en ma possession :

</td>

    <td width="120" valign="top">


<table border="0" width="120" cellspacing="0" cellpadding="0">

  <tr>

    <td align="center" class="normal">

	<?

			$pubfile = $dirroot."/modeles/banner.php";


			if (file_exists($pubfile)){


				require ($pubfile);


			}


	echo "<p></p>";


	print_right_new();  


	echo "<br />";


	print_right_top(); 

	?>

	</td>

  </tr>

</table>


</td>

  </tr>

</table>


<table border="0" width="972" cellspacing="0" cellpadding="0">

  <tr>

    <td width="100%" class="petit" align="left">

<?php


	  print_societe();


?>	<div align="center"><a href="http://www.peel.fr/" target="_blank">Pour mon site j'utilise la technologie PEEL.FR</a> </div></td>

  </tr>


</table>



</div>

<?php


mysql_close($connexion);


?>


</body>

</html>

[/codebox]

mr Pruault ? pouvez vous m'aider ?

merci,

Jackye

[pruault]

Le code du scroller est le suivant :

<?php


$sqlProdRollover = "SELECT id, nom_".$_SESSION['langue']." as nom, image1, prix FROM peel_produits WHERE on_rollover = '1' ORDER BY date_insere DESC";


$resProdRollover = mysql_query($sqlProdRollover) or DIE('Une erreur de connexion &agrave; la base s est produite ' . __LINE__ . '.<p>' . MYSQL_ERROR());


if (mysql_num_rows($resProdRollover)> 1) {


?>


<script type="text/javascript">


var pausecontent=new Array()


<?php



if ($resProdRollover) {


	if (mysql_num_rows($resProdRollover)> 0) {


	$i = 0;


		while ($ProdRollover = mysql_fetch_array($resProdRollover)) {


		$prix = $ProdRollover['prix'];


		$prix = fprix($prix);


			echo "pausecontent[".$i."]='<a class=\"normal\" href=\"achat/produit_details.php?id=".$ProdRollover['id']."\">".html_entity_decode(strip_tags($ProdRollover['nom']))."</a><br /><font class=\"normal\">".$prix." ".$_SESSION['devise']['symbole']."<br /><div align=\"center\"><img src=\"$repertoire_upload/".$ProdRollover['image1']."\" alt=\"".$ProdRollover['nom']."\" width=\"120\" /></div></fopt>'\n\r";


		$i++;


		}


	} else {


		echo "pausecontent[".$i."]=''\n\r";


	}


}


?>

</script>


<script type="text/javascript">


/***********************************************

* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for this script and 100s more.

***********************************************/


function pausescroller(content, divId, divClass, delay){

this.content=content //message array content

this.tickerid=divId //ID of ticker div to display information

this.delay=delay //Delay between msg change, in miliseconds.

this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)

this.hiddendivpointer=1 //index of message array for hidden div

document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')

var scrollerinstance=this

if (window.addEventListener) //run onload in DOM2 browsers

window.addEventListener("load", function(){scrollerinstance.initialize()}, false)

else if (window.attachEvent) //run onload in IE5.5+

window.attachEvent("onload", function(){scrollerinstance.initialize()})

else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec

setTimeout(function(){scrollerinstance.initialize()}, 500)

}


// -------------------------------------------------------------------

// initialize()- Initialize scroller method.

// -Get div objects, set initial positions, start up down animation

// -------------------------------------------------------------------


pausescroller.prototype.initialize=function(){

this.tickerdiv=document.getElementById(this.tickerid)

this.visiblediv=document.getElementById(this.tickerid+"1")

this.hiddendiv=document.getElementById(this.tickerid+"2")

this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))

//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)

this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidt

h-(this.visibledivtop*2)+"px"

this.getinline(this.visiblediv, this.hiddendiv)

this.hiddendiv.style.visibility="visible"

var scrollerinstance=this

document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}

document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}

if (window.attachEvent) //Clean up loose references in IE

window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseou

t=null})

setTimeout(function(){scrollerinstance.animateup()}, this.delay)

}



// -------------------------------------------------------------------

// animateup()- Move the two inner divs of the scroller up and in sync

// -------------------------------------------------------------------


pausescroller.prototype.animateup=function(){

var scrollerinstance=this

if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){

this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"

this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"

setTimeout(function(){scrollerinstance.animateup()}, 50)

}

else{

this.getinline(this.hiddendiv, this.visiblediv)

this.swapdivs()

setTimeout(function(){scrollerinstance.setmessage()}, this.delay)

}

}


// -------------------------------------------------------------------

// swapdivs()- Swap between which is the visible and which is the hidden div

// -------------------------------------------------------------------


pausescroller.prototype.swapdivs=function(){

var tempcontainer=this.visiblediv

this.visiblediv=this.hiddendiv

this.hiddendiv=tempcontainer

}


pausescroller.prototype.getinline=function(div1, div2){

div1.style.top=this.visibledivtop+"px"

div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"

}


// -------------------------------------------------------------------

// setmessage()- Populate the hidden div with the next message before it's visible

// -------------------------------------------------------------------


pausescroller.prototype.setmessage=function(){

var scrollerinstance=this

if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)

setTimeout(function(){scrollerinstance.setmessage()}, 100)

else{

var i=this.hiddendivpointer

var ceiling=this.content.length

this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1

this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]

this.animateup()

}

}


pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any

if (tickerobj.currentStyle)

return tickerobj.currentStyle["paddingTop"]

else if (window.getComputedStyle) //if DOM2

return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")

else

return 0

}


</script>


<script type="text/javascript">


new pausescroller(pausecontent, "pscroller1", "someclass", 3000)


</script>


<?php }  ?>

[amap 0]

:huh:

Merci beaucoup Mr Pruault,

bonne journée

Jackye

[vidub2001 0]

Bonjour M. Pruault,

Tout d'abord BRAVO pour ce superbe programme !

J'ai mis en oeuvre le scroll et j'ai une erreur HTML qui se produit au niveau de la déclaration des données à fournir au script

pausecontent[0]='<table width="100%" .........

pausecontent[1]='<table width="100%" .........

La validation W3C me dit "document type does not allow element "table" here"

J'ai essayé d'autre mise en page (sans table, avec des div, de simple liens, ...) mais toujours le même problème !!

Comment corriger le problème pour que la page soit valide par le W3C car je n'ai que cette erreur ?

Je vous remercie par avance pour votre aide

[paulanna 20]

ne mets rien

[vidub2001 0]

Bonjour,

?? comprends pas

ne mets rien

[vidub2001 0]

Bonsoir,

Je viens de trouver la SOLUTION avec cet article

http://www.codehouse.com/javascript/tips/xhtml/

C'est bon à savoir !!