1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
|
<?
require_once($GLOBALS[DOCUMENT_ROOT]."/inc/global.inc.php"); // les classes
require_once($GLOBALS[DOCUMENT_ROOT]."/inc/session_club.inc.php"); // la session
?>
<style type="text/css">
#pscroller1{
width: 150px;
height: 180px;
background-color: #f6f5fd;
}
.someclass{ //class to apply to your scroller(s) if desired
}
</style>
<table align="center" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="17"><a href="/news/index.php"><img border="0" src="/new_charte/images/index/fildinfos_03.gif" ></a>
</td>
<td style="background-image:url(/new_charte/images/index/fildinfos_04.gif);background-repeat: repeat-x;font-family:Arial, Helvetica, sans-serif; font-size:12px;" valign="middle">
</td>
<td width="17"><a href="/news/index.php"><img src="/new_charte/images/index/fildinfos_06.gif" border="0"></a>
</td>
</td>
</tr>
</table>
<script type="text/javascript">
var pointeur_temp=""
<?
//constantes
$art_a_afficher="10";
$nbre_carac="100";
mysql_select_db($database_CONN_MAB, $connexion);
$query_news = "SELECT NEWS_ARTICLE.*, NEWS_RUBRIQUE.RUBRIQUE FROM NEWS_ARTICLE, NEWS_RUBRIQUE WHERE NEWS_ARTICLE.ID_RUBRIQUE=NEWS_RUBRIQUE.ID_RUBRIQUE and ETAT='V' and (NEWS_ARTICLE.LANGUAGE='".$_SESSION['site_language']."' or NEWS_ARTICLE.LANGUAGE='INT') ORDER BY DATE DESC, HEURE DESC limit 0,". $art_a_afficher;
$news = mysql_query($query_news, $connexion) or die(mysql_error());
$totalRows_news = mysql_num_rows($news);
$i=0;
$messages=array();
while ($row_news = mysql_fetch_assoc($news))
{
$ppp = "SELECT customers_login from osc_customers where customers_id=".$row_news['ID_PERSONNE'];
$pp = mysql_fetch_assoc(mysql_query($ppp, $connexion));
$messages[$i]="<img src=http://www.moveandbe.com/img/fl.gif height=8 width=4> le <b>".substr($row_news['DATE'],8,2)."/".substr($row_news['DATE'],5,2)." </b><a href=/news/archives_". $row_news['SEMAINE'] .".htm#". $row_news['ID_NEWS'] .">". $row_news['TITRE'] ."</a><br /><div align=right> par ".$pp[customers_login]."</div><br />".substr(strip_tags(preg_replace('/\s\s+/', ' ',ereg_replace("[\r\n\t]", ' ',html_entity_decode($row_news['TEXTE'])))),0,$nbre_carac)." ...<br /><div align=right>".$row_news['NB_COMMENT']." réacs</div>";
$i=$i+1;
}
/*echo implode("\",\"", $messages);
exit;*/
echo "var pausecontent = new Array(\"" . implode("\",\"", $messages) . "\");";
?>
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)
}
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)
}
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)
}
}
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"
}
pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1)
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){
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle)
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}
function reload()
{
scrollerinstance.hiddendivpointer=scrollerinstance.hiddendivpointer-1
}
</script>
<table border="0" align="center" cellspacing="0">
<tr><td style="background-repeat: repeat-x;font-family:Arial, Helvetica, sans-serif; font-size:12px;" valign="middle">
<script type="text/javascript">
new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
</script>
</td></tr>
<tr height="30" width="150"><td>
<img src="http://www.moveandbe.com/img/fl2.gif" height=8 width=4 align="left" onclick="reload()" />
<img src="http://www.moveandbe.com/img/fl.gif" height=8 width=4 align="right" />
</td></tr>
</table> |
pb bouton suivant et precedent
Répondre avec citation
Partager