listart cgi id=28




Helion dhtml site


.tbtekst{
font-size: 9pt;
font-family: Verdana, MS Sans Serif, Arial CE, Arial, Helvetica;}
.textb{
font-size: 9pt;
color: white;
font-family: Verdana, MS Sans Serif, Arial CE, Arial, Helvetica;}
.smalltekst{
font-size: 7pt;
font-family: Verdana, MS Sans Serif, Arial CE, Arial, Helvetica;}




Baza danych w DHTML (IE)Andrzej Szewczyk
[strona główna] [skrypty]
Internet Explorer w wersji 4.0 lub nowszej


W celu połączenia strony WWW z bazą danych, wykorzystujemy znacznik <OBJECT>:
<OBJECT ID="source"
CLASSID="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"
BORDER="0" WIDTH="0" HEIGHT="0">
<PARAM NAME="DataURL" VALUE="dane.txt">
<PARAM NAME="UseHeader" VALUE="True">
</OBJECT> 

Atrybut CLASSID oznacza kontrolkę ActiveX, za pomocą na stronie WWW jest tworzone połączenie z bazą danych. Znaczniki konfigurują źródło danych. Parametr UseHeader określa pierwszy wiersz źródła jako nagłówek, jeżeli wybierzemy TRUE będziemy mogli odwoływać się do kolumny źródła poprzez nazwę nagłówka.
Dane na stronie internetowej prezentujemy za pomocą formularza.
Przykład wykorzystania Internet Explorera w prezentowaniu bazy danych może mieć postać, którą przedstawia kod poniżej. Plik (baza właściwa), w którym są przechowywane dane dla tego przykładu jest plikiem tekstowym.   
Przykład wykorzystania technik DHTML w obsłudze baz danych możesz zobaczyć tutaj.

Kod strony


<html>


<body>



<OBJECT ID="lista"
CLASSID="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"
BORDER="0" WIDTH="0" HEIGHT="0">
<PARAM NAME="DataURL" VALUE="dane.txt">
<PARAM NAME="UseHeader" VALUE="True">
</OBJECT>

<div align="center"><TABLE>
<TR>
<TD ALIGN=RIGHT><INPUT TYPE=BUTTON ID=backward VALUE="Następny"></TD>
<TD ALIGN=LEFT><INPUT TYPE=BUTTON ID=forward VALUE="Poprzedni"></TD>
</TR>
</TABLE></div>
<P>
<div align="center"><IMG ID="Picture" SRC="corsa.jpg" ALIGN=center></div>

<TABLE ALIGN=CENTER CELLSPACING=0 CELLPADDING=0>
<TR>
<TD ALIGN=RIGHT VALIGN=TOP><LABEL FOR=nazw>Nazwa samochodu: </LABEL></TD>
<TD ALIGN=LEFT VALIGN=TOP WIDTH="10"></TD>
<TD ALIGN=LEFT VALIGN=TOP><INPUT ID=nazw TYPE=text
DATASRC=#lista DATAFLD="Nazw"></TD>
</TR>

<TR>
<TD ALIGN=RIGHT VALIGN=TOP><LABEL FOR=Typ>Typ: </LABEL></TD>
<TD ALIGN=LEFT VALIGN=TOP WIDTH="10"></TD>
<TD ALIGN=LEFT VALIGN=TOP><INPUT ID=Typ TYPE=text
DATASRC=#lista DATAFLD="Typ"></TD>
</TR>

<TR>
<TD ALIGN=RIGHT VALIGN=TOP><LABEL FOR=Poj>Pojemność silnika: </LABEL></TD>
<TD ALIGN=LEFT VALIGN=TOP WIDTH="10"></TD>
<TD ALIGN=LEFT VALIGN=TOP><INPUT ID=Poj TYPE=text
DATASRC=#lista DATAFLD="Poj"></TD>
</TR>

<TR>
<TD ALIGN=RIGHT VALIGN=TOP><LABEL FOR=Zpaliwa>Zyżycie paliwa: </LABEL></TD>
<TD ALIGN=LEFT VALIGN=TOP WIDTH="10"></TD>
<TD ALIGN=LEFT VALIGN=TOP><INPUT ID=Zpaliwa TYPE=text
DATASRC=#lista DATAFLD="Zpaliwa"></TD>
</TR>


<SCRIPT LANGUAGE="JavaScript">

function documentClick() {
Picture.src = nazw.value + ".jpg";
}
document.onclick=documentClick;
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
function backwardClick() {
if (lista.recordset.AbsolutePosition > 1) {
lista.recordset.MovePrevious();
} else {
alert("To pierwszy record");
}
}
backward.onclick=backwardClick;

function forwardClick() {
if (lista.recordset.AbsolutePosition !=lista.recordset.RecordCount) {
lista.recordset.MoveNext();
} else {
alert("To ostatni record");
}
}
forward.onclick=forwardClick;

</SCRIPT>
</FONT>
</BODY>
</HTML>



Plik z danymi

Nazw,Typ:INT,Poj:INT,Zpaliwa:FLOAT
corsa,X10XE,973,6.4
astra,X14NZ,1389,8.9
astra26,X14XE,1389,9.0


© Wydawnictwo Helion


Wyszukiwarka

Podobne podstrony:
listart cgi id=3
listart cgi id=22
listart cgi id=25
listart cgi id=5
listart cgi id=24
listart cgi id=2
listart cgi id=16
listart cgi id=26
listscript cgi id=28
listart cgi id=15
listart cgi id=18
listart cgi id=4
listart cgi id=4
listart cgi id=20
listart cgi id=7
listart cgi id=21
listart cgi id=6
listart cgi id=10
listart cgi id=11

więcej podobnych podstron