au sujet du scroller

7 messages dans ce sujet

Posté(e) · Signaler ce message

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

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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 }  ?>

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

:huh:

Merci beaucoup Mr Pruault,

bonne journée

Jackye

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

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

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

ne mets rien

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

?? comprends pas

ne mets rien

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !


Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.


Connectez-vous maintenant

Twitter Advisto ecommerce

Facebook PEEL Shopping