|
affichage alterné d'adresse de site |
|
Aspirant
Inscrit: 25/04/2005 04:07
De France, Vaucluse, Avignon
|
Bonjour, je souhaiterai faire afficher en alternance dans le même endroit (block par exemple) différents contenus de site (ex la météo puis les résultats sportifs puis à nouveau la météo et ainsi de suite). Quelques a-t-il une solution
Posté le : 14/10/2007 07:31
|
|
|
Re: affichage alterné d'adresse de site |
|
Xoops accro
Inscrit: 25/02/2004 00:20
De Région parisienne
|
Si c'est dans les blocks, utilises les blocks personnalisés HTML ou PHP en fonction du type script à utiliser.
Posté le : 14/10/2007 11:07
|
|
|
Re: affichage alterné d'adresse de site |
|
Aspirant
Inscrit: 25/04/2005 04:07
De France, Vaucluse, Avignon
|
faut-il faire un bout de programmation?
Posté le : 14/10/2007 12:52
|
|
|
Re: affichage alterné d'adresse de site |
|
Xoops accro
Inscrit: 27/07/2005 16:10
De France
|
y-a ce script là qu'est pas mal!
Posté le : 14/10/2007 14:48
|
|
|
Re: affichage alterné d'adresse de site |
|
Aspirant
Inscrit: 25/04/2005 04:07
De France, Vaucluse, Avignon
|
la demo est concluante mais comment je fais ?
Posté le : 14/10/2007 16:27
|
|
|
Re: affichage alterné d'adresse de site |
|
Aspirant
Inscrit: 25/04/2005 04:07
De France, Vaucluse, Avignon
|
help.....
Posté le : 15/10/2007 18:42
|
|
|
Re: affichage alterné d'adresse de site |
|
Xoops accro
Inscrit: 27/07/2005 16:10
De France
|
ben colle le code ci-dessous dans un bloc par exemple
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
/*Example CSS for the two demo scrollers*/
#pscroller1{
font-size: 10px;
font-family: verdana;
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}
#pscroller2{
font-size: 10px;
font-family: verdana;
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}
#pscroller2 a{
text-decoration: none;
}
.someclass{ //class to apply to your scroller(s) if desired
}
</style>
<script type="text/javascript">
/*Example message arrays for the two demo scrollers*/
var pausecontent=new Array()
pausecontent[0]='<a href="http://www.01net.com/" target="_blank">01net.com</a><br />xxxxxxxxxxxxxxxxx'
pausecontent[1]='<a href="http://www.meteofrance.com/FR/mameteo/prevVille.jsp;jsessionid=0786A7D5A9C8DE22F758FAE0F406C975.4FF6B89256B6E1?LIEUID=FR84092" target="_blank">Méteo france</a><br />xxxxxxxxxxxxxxxxx'
var pausecontent2=new Array()
pausecontent2[0]='<a href="http://www.01net.com/">01net.com</a>'
pausecontent2[1]='<a href="http://www.meteofrance.com/FR/mameteo/prevVille.jsp;jsessionid=0786A7D5A9C8DE22F758FAE0F406C975.4FF6B89256B6E1?LIEUID=FR84092">Méteo france</a>'
</script>
<script type="text/javascript">
/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
***********************************************/
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.offsetWidth-(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.onmouseout=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>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p> </p>
<script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("<br />")
new pausescroller(pausecontent2, "pscroller2", "someclass", 2000)
</script>
</body>
</html>
remplace les xxxxxx dans le code par ton texte a toi
Posté le : 16/10/2007 11:21
|
|
|
Re: affichage alterné d'adresse de site |
|
Régulier
Inscrit: 27/02/2005 12:24
De longwy(54)
|
Salut ,pas besoin de mettre tout ca regarde iciSache qu'il existe la meme fonction en php,le seul probleme c'est qu'il faudra raffraichir la page pour voir le lien changer (a moins que tu a deja un javascript ,ou une pub qui s'en charge deja)
Posté le : 16/10/2007 12:20
|
|
|
Re: affichage alterné d'adresse de site |
|
Aspirant
Inscrit: 25/04/2005 04:07
De France, Vaucluse, Avignon
|
bon je comprends mieux mais cela ce n'est pas l'adresse du lien que je souhaite faire apparaître dans le bloc mais de façon temporisé (ex chaque minute) soit la météo soit la page d'accueil de 01.net par exemple.
Posté le : 16/10/2007 20:00
|
|
Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
|