Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Jørgen Farum Jensen wrote:
>
> > Et valideringsscript linker man vel til med script-markøren
> > i head-delen af side.
>
> Det kommer an på, hvad du mener med at "linke til" valideringsscriptet. I
> øvrigt kan valideringsscriptet også uden problemer skrives i sidens body.
> Det er submit i formularen, der skal kalde scriptet til handling.
>
> onsubmit="return valider();"
>
> .... sat i formulaens starttag, kalder funktionen valider(), som tjekker data
> fra inputfelter mod et forfatterdefineret regelsæt.
>
>
> > margin:100px auto 0 auto;
> > }
> > der sådan lige ud af ærmet vil centrere
> > din formular vandret og placere den
> > 200 pixel fra overkanten af siden
>
> Jeg får det kun til 100 pixel fra overkanten, men jeg kan jo tage fejl.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
>
http://hjemmesideskolen.dk/ -
http://ginnerskov.dk/
>
http://html-faq.dk
>
>
Okay, forvirringen er total. Men jeg er da glad for, at I har det sjovt. ;)
Just kidding. Jeg tror, at jeg har grebet det lidt forkert an. Koden til
java-scriptet jeg bruger har jeg fået fra siden
www.laughland.biz og den kan ses
her (jeg har redigeret minimalt i den mht. html-sider scriptet går til osv.):
/*
-------------------------------------------------------------------
Login Script Version 1.9
By H G Laughland
http://www.laughland.biz
This script can be used free of charge and may only be
redistributed the same way. The disclaimer must remain
intact.
DISCLAIMER: Use this script with caution. This script is not
the most secure method available, for protecting material. Its
main purpose is to demonstrate the javascript techniques used.
The author takes no responsibility for data loss
resulting from the use of this script.
-------------------------------------------------------------------
INSTRUCTIONS - Read Before Using Script
If you are using frames, the code referred to in steps 2 - 5 must be put in the
pages displayed in the frames and NOT in the parent document.
Step 1
In the Usernames & Passwords section, configure the variables as
indicated by the comments.
Step 2:
Add the following code to the <head> section of your login page:
<script src="scripts/login.js"></script>
Change "scripts/login.js" to reflect the correct path to this script
file on your server.
Step 3:
Add this code to the login page, at the place you want the login
panel to show:
<script language="JavaScript">
BuildPanel();
</script>
Step 4:
Add the following code to the <head> section of each page procteded
by this script:
<script src="scripts/login.js"></script>
<script language="JavaScript">
checkCookie();
</script>
Change "scripts/login.js" to reflect the correct path to the script
file on your server.
Step 5:
On the page that is to have the logout button, paste this code where you
want the button to be:
<form action="" name="frmLogoff">
<input type="button" name="btLogoff" value="log out" onclick="logout();">
</form>
To use your own image instead of the grey button change the type from button to
image
and add src="myimage.gif" where myimage.gif is the image (including the path to
it if
needed, you want to use.
Step 6:
Upload this script and your html pages to the relevant directories
on your server.
*/
//----------------------------------------------------------------
// Usernames, Passwords & User Pages - These require configuration.
//----------------------------------------------------------------
var successpage = "test.html"; // The page users go to after login, if they have
no personal page.
var loginpage = "logintest.html"; //Change this to the page the login panel is
on.
var imgSubmit = ""; //Change to the path to your login image,if you don't want
the standard button, otherwise do not change.
var imgReset = ""; //Change to the path to your reset image,if you don't want
the standard button, otherwise do not change.
var users = new Array();
users[0] = new Array("username1","password1","index.html"); // Change these two
entries to valid logins.
users[1] = new Array("username2","password2",""); // Add addtional
logins, straight after these, as
// required, followig
the same format. Increment the
// numbers in the square brackets, in new each one.
Note:
// the 3rd parameter is the the page that user goes to
// after successful login. Ensure the paths are
correct.
// Make this "" if
user has no personal page.
//----------------------------------------------------------------
// Login Functions
//----------------------------------------------------------------
function login(username,password){
var member = null;
var loggedin = 0;
var members = users.length;
for(x=0;x<members && !loggedin; x++){
if((username==users[x][0])&&(password==users[x][1])){
loggedin = 1;
member = x;
break; // User validated, terminate the for loop.
}
}
if(loggedin==1){
if(users[member][2] != "") {
successpage = users[member][2];
}
setCookie("login",1);
if (top.location.href != location.href){
location.href = successpage;
}else{
top.location.href = successpage;
}
}else{
alert('access denied');
}
}
function logout() {
deleteCookie("login");
if (top.location.href != location.href){
location.href = loginpage;
}else{
top.location.href = loginpage;
}
}
//----------------------------------------------------------------
// Cookie Handler
//----------------------------------------------------------------
var ckTemp = document.cookie;
function setCookie(name, value) {
if (value != null && value != "")
document.cookie=name + "=" + escape(value) + ";";
ckTemp = document.cookie;
}
function deleteCookie(name) {
if (getCookie(name)) {
document.cookie = name + "=" +
"; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
}
function getCookie(name) {
var index = ckTemp.indexOf(name + "=");
if(index == -1) return null;
index = ckTemp.indexOf("=", index) + 1;
var endstr = ckTemp.indexOf(";", index);
if (endstr == -1) endstr = ckTemp.length;
return unescape(ckTemp.substring(index, endstr));
}
function checkCookie() {
var temp = getCookie("login");
if(!temp==1) {
alert('access denied');
if(top.location.href != location.href){
location.href = loginpage;
}else{
top.location.href = loginpage;
}
}
}
//----------------------------------------------------------------
// Login Panel
//----------------------------------------------------------------
function BuildPanel() {
document.write('<form name="logon"><table align="left" border="0"><tr><td
align="right">');
document.write('<small><font face="Verdana">Username:</font></small></td>');
document.write('<td><small><font face="Verdana"><input type="text"
name="username" size="20"></font></small></td></tr>');
document.write('<tr><td align="right"><small><font
face="Verdana">Password:</font></small></td>');
document.write('<td><small><font face="Verdana"><input type="password"
name="password" size="20"></font></small></td></tr>');
if(imgSubmit == ""){
document.write('<tr><td align="center" colspan="2"><p><input type="button"
value="Logon" name="Logon" onclick="login(username.value,password.value)">');
} else {
document.write('<tr><td align="center" colspan="2"><p><input type="image"
src="'+imgSubmit+'" name="Logon"
onclick="login(username.value,password.value)">');
}
if(imgReset == ""){
document.write('<input type="reset" value="Reset" name="Reset">');
} else {
document.write('<input type="image" src="'+imgReset+'" name="Reset"
onclick="logon.reset();">');
}
document.write('</p></td></tr></table></form>');
}
Min login-side som kalder scriptet ser for tiden sådan her ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Login page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="login.js"></script>
</head>
<body>
<center>
<script language="JavaScript">
BuildPanel();
</script>
</center>
</body>
</html>
Centreringen vertikal skal altså foretages i css vha. før nævnte kodning du gav
mig? Jeg bruger Dreamweaver MX 2004 så jeg går ud fra, det er stadig det samme
som altid nemlig, at lave en css-style i menuerne til højre der, korrekt?
Oh, ja..., inden jeg glemmer det. Kan den her linie forklares på baby-niveau så
jeg lige fatter hvad de enkelte ting står for? Takker! ;)
margin:100px auto 0 auto;
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials