Ticker + Oracle

**Erazion** · 15/10/2009, 16h49

Bonjour, je souhaiterais afficher un ticker(bandeau défilant) sur ma page web, ce dernier affichant des données d'une table créée sous Oracle...

J'ai déjà créé un ticker tout bête:

general.js:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
TICKER_CONTENT = document.getElementById("TICKER").innerHTML;
 
TICKER_RIGHTTOLEFT = false;
TICKER_SPEED = 2;
TICKER_STYLE = "font-family:Arial; font-size:15px; color:#000; background-color:#E0E0E0";
TICKER_PAUSED = false;
 
ticker_start();
 
function ticker_start() {
	var tickerSupported = false;
	TICKER_WIDTH = document.getElementById("TICKER").style.width;
	var img = "<img src=ticker_space.gif width="+TICKER_WIDTH+" height=0>";
 
	// Firefox
	if (navigator.userAgent.indexOf("Firefox")!=-1 || navigator.userAgent.indexOf("Safari")!=-1) {
		document.getElementById("TICKER").innerHTML = "<TABLE  cellspacing='0' cellpadding='0' width='100%'><TR><TD nowrap='nowrap'>"+img+"<SPAN style='"+TICKER_STYLE+"' ID='TICKER_BODY' width='100%'>&nbsp;</SPAN>"+img+"</TD></TR></TABLE>";
		tickerSupported = true;
	}
	// IE
	if (navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Opera")==-1) {
		document.getElementById("TICKER").innerHTML = "<DIV nowrap='nowrap' style='width:100%;'>"+img+"<SPAN style='"+TICKER_STYLE+"' ID='TICKER_BODY' width='100%'></SPAN>"+img+"</DIV>";
		tickerSupported = true;
	}
	if(!tickerSupported) document.getElementById("TICKER").outerHTML = ""; else {
		document.getElementById("TICKER").scrollLeft = TICKER_RIGHTTOLEFT ? document.getElementById("TICKER").scrollWidth - document.getElementById("TICKER").offsetWidth : 0;
		document.getElementById("TICKER_BODY").innerHTML = TICKER_CONTENT;
		document.getElementById("TICKER").style.display="block";
		TICKER_tick();
	}
}
 
function TICKER_tick() {
	if(!TICKER_PAUSED) document.getElementById("TICKER").scrollLeft += TICKER_SPEED * (TICKER_RIGHTTOLEFT ? -1 : 1);
	if(TICKER_RIGHTTOLEFT && document.getElementById("TICKER").scrollLeft <= 0) document.getElementById("TICKER").scrollLeft = document.getElementById("TICKER").scrollWidth - document.getElementById("TICKER").offsetWidth;
	if(!TICKER_RIGHTTOLEFT && document.getElementById("TICKER").scrollLeft >= document.getElementById("TICKER").scrollWidth - document.getElementById("TICKER").offsetWidth) document.getElementById("TICKER").scrollLeft = 0;
	window.setTimeout("TICKER_tick()", 30);
}

Default.aspx:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<body>
    <form id="form1" runat="server">
        <div ID="TICKER" style="overflow:hidden; width:520px">
            <asp:Label runat="server" id="lbl_ticker" />
        </div>
    <script type="text/javascript" src="webticker_lib.js"></script>
    </form>
</body>

Mais je n'ai aucune idée de comment lier les données récupérées sous Oracle avec le ticker??

Si qqu'un pouvait me montrer la voie...

Merci d'avance.

Exemple: http://www.fotosearch.com/DGV751/737003/

**bacelar** · 15/10/2009, 21h11

Si j'ai bien compris, vous faites scrollez l'image "ticker_space.gif".
Quelle serez la nature de la mise en forme graphique des données sous Oracle ?

**Erazion** · 16/10/2009, 10h47

Je souhaiterais faire défiler des varchar sur le bandeau

Merci de votre intérêt

**Erazion** · 16/10/2009, 12h12

Je viens de créer ma table:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
CREATE TABLE monitoring 
(
MonContext VARCHAR2(30),
MonName VARCHAR2(30),
MonValue VARCHAR2(30),
MonOrder INTEGER,
PRIMARY KEY (MonName)
);

Si cela peut vous aider.

La requête que j'appellerais sera:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

select * from t_monitoring_values where MonContext= p_context order by order asc

**bacelar** · 16/10/2009, 14h18

Il y a long de la coupe aux lèvres.
L'exemple fourni utilise Flash, voulez-vous un rendu identique ?
Sinon, vous choisissez le type de rendu est là, on pourra vous dire comment l'ajouter au "ticker".