/ Forside / Teknologi / Udvikling / PHP / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
PHP
#NavnPoint
rfh 3959
natmaden 3372
poul_from 3310
funbreak 2700
stone47 2230
Jin2k 1960
Angband 1743
Bjerner 1249
refi 1185
10  Interkril.. 1146
Ændre tekst, ved klik eller mus over
Fra : Christian Jørgensen


Dato : 28-05-07 15:09

Hej.

På min hjemmeside har jeg et loginsystem. Der skal man kunne se
sine oplysninger, men for at det ikke skal være så nemt at se
koden, vil jeg gerne skjule, den sådan så man enden skal klikke
på et stykke tekst for at se koden eller andet ?

Men hvordan kan jeg lave det ?

Siden er www.chrlogin.frac.dk

// Christian

--
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

 
 
Brian Nielsen (28-05-2007)
Kommentar
Fra : Brian Nielsen


Dato : 28-05-07 19:55

Du kan bruge et lag som du viser og skjuler alt efter hvor musen er jeg har
prøvet at lave 2 eksempler
MVH Brian

Start
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 122px;
top: 13px;
visibility: hidden;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null)
{ v=args[i+2];
if (obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" onmouseover="MM_showHideLayers('Layer1','','show')"
onmouseout="MM_showHideLayers('Layer1','','hide')">Overskrift</a></td>
</tr>
</table>
<div id="Layer1">
<p>Brugernavn: Test</p>
<p>Password: Hest </p>
</div>
</body>
</html>

Slut

ELLER

Start

<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 122px;
top: 13px;
visibility: hidden;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null)
{ v=args[i+2];
if (obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td onclick="MM_showHideLayers('Layer1','','show')"
onmouseout="MM_showHideLayers('Layer1','','hide')">Overskrift</td>
</tr>
</table>
<div id="Layer1">
<p>Brugernavn: Test</p>
<p>Password: Hest </p>
</div>
</body>
</html>

Slut

"Christian Jørgensen" <superfisker@gmail.com> skrev i en meddelelse
news:465ae265$0$90268$14726298@news.sunsite.dk...
> Hej.
>
> På min hjemmeside har jeg et loginsystem. Der skal man kunne se
> sine oplysninger, men for at det ikke skal være så nemt at se
> koden, vil jeg gerne skjule, den sådan så man enden skal klikke
> på et stykke tekst for at se koden eller andet ?
>
> Men hvordan kan jeg lave det ?
>
> Siden er www.chrlogin.frac.dk
>
> // Christian
>
> --
> 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



Martin (29-05-2007)
Kommentar
Fra : Martin


Dato : 29-05-07 12:00

Brian Nielsen wrote:
> Du kan bruge et lag som du viser og skjuler alt efter hvor musen er jeg har
> prøvet at lave 2 eksempler
> MVH Brian

Eller bare for at afkorte det

hent prototype.js fra http://prototypejs.org

Skriv

<script type="text/javascript" src="sti/til/prototype.js"></script>
<script type="text/javascript">
function showpass() {
$('trykforpass','passwordfelt').toggle('hide');
}
</script>

<div id="trykforpass">
<a href="#" onclick="showpass()">Tryk for at se kodeord</a>
</div>

<div id="passwordfelt" style="display:none;">
KODEORD HER
<br /><br />
<a href="#" onclick="showpass()">Luk igen</a>
</div>

Martin (29-05-2007)
Kommentar
Fra : Martin


Dato : 29-05-07 12:01

Martin wrote:
> Brian Nielsen wrote:
>> Du kan bruge et lag som du viser og skjuler alt efter hvor musen er
>> jeg har prøvet at lave 2 eksempler
>> MVH Brian
>
> Eller bare for at afkorte det
>
> hent prototype.js fra http://prototypejs.org
>
> Skriv
>
> <script type="text/javascript" src="sti/til/prototype.js"></script>
> <script type="text/javascript">
> function showpass() {
> $('trykforpass','passwordfelt').toggle('hide');
> }
> </script>
>
> <div id="trykforpass">
> <a href="#" onclick="showpass()">Tryk for at se kodeord</a>
> </div>

og hvis det også skal virke med mouseover så
<a href="#" onmouseover="showpass()">Hover for at se kodeord</a>

>
> <div id="passwordfelt" style="display:none;">
> KODEORD HER
> <br /><br />
> <a href="#" onclick="showpass()">Luk igen</a>
> </div>

Martin (29-05-2007)
Kommentar
Fra : Martin


Dato : 29-05-07 16:13

Martin wrote:
> $('trykforpass','passwordfelt').toggle('hide');

Hov... Skal være

$('trykforpass','passwordfelt').invoke('toggle');

Christian Jørgensen (29-05-2007)
Kommentar
Fra : Christian Jørgensen


Dato : 29-05-07 15:01

Tak for hjælpen :P

--
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

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408924
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste