Avatar billede Slettet bruger
14. august 2001 - 20:36 Der er 18 kommentarer og
1 løsning

Layer og textfield

Hey...

Den er lidt snørklet at forklare - men jeg prøver.

Tjek først http://www.tv2.dk - nærmere feltet \"Søg\". Bemærk der er et søgefelt - altså et input-felt man kan skrive i.

Nu er jeg ved at lave et site hvor jeg bl.a. holder styr på folks email-adresser. Det jeg vil spørge om er - kan man på en eller anden måe lave det sådan, at hvis man klikker på et ikon for en persons mail (fx et billede af en konvelut) at der så \"åbner\" sig et tekstfield som man så kan skrive i/rette vedkommendes mail. Sådan at tekst-feltet (som man normalt bare ser på siden) altså er skjult indtil man trykker på ikonet?

Håber I forstår?!
Avatar billede thomas_regin Nybegynder
14. august 2001 - 22:55 #1
Hejsa!

Ja, det kan man sagtens lave ved hjælp af \"simpel\" DHTML og ASP..

Det nemmeste vil være at lave et <DIV> tag, som bliver kaldt frem ved hjælp af en onmouseover eller onmousedown funktion.

Lidt javascript til at \"initialisere\" DIV-tagget - Det skal sættes i toppen af din side imellem <head> og </head>:

<script language=\"javascript\">

ns4 = (document.layers) ? true:false
ie4 = (document.all) ? true:false
ng5 = (document.getElementById) ? true:false

function hideSec() {
if (ng5) document.getElementById(\'sec1\').style.visibility = \"hidden\"
else if (ns4) document.sec1.visibility = \"hide\"
else if (ie4) sec1.style.visibility =\"hidden\"
}
function showSec(n) {
hideSec();
if (ng5) document.getElementById(\'sec\' + n).style.visibility = \"visible\";
else if (ns4) document.layers[\"sec\" + n].visibility = \"show\";
else if (ie4) document.all[\"sec\" + n].style.visibility = \"visible\";
}

f7_droplayer=new Array()
f7_droplayer[0]=\"drop1\"

f7_v4=(parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<=5)?1:0
f7_ie=(document.all && f7_v4)?1:0
f7_ns=(document.layers && f7_v4)?1:0

function f7_showdrop(thelayer){
    f7_keep=thelayer; f7_hideall(); f7_showitnow=1
    f7_showit(thelayer)
    }

function f7_showit(thelayer){
        if(f7_ie){ eval(f7_droplayer[thelayer]+\'.style.visibility=\"visible\"\') }
        if(f7_ns){ eval(\'document.\'+f7_droplayer[thelayer]+\'.visibility=\"show\"\');}
    }
function f7_hidedrop(){
    f7_keep=-1; setTimeout(\'f7_hideall()\',500)
    }
f7_keep=-1
function f7_hideall(){
    for(i=0;i<f7_droplayer.length;i++){ 
        f7_hideit=0; f7_checkmousepos(i)
        if(f7_ie && f7_keep!=i){
            if(f7_hideit){ eval(f7_droplayer[i]+\'.style.visibility=\"hidden\"\') }
            }
        if(f7_ns && f7_keep!=i){
            if(f7_hideit){ eval(\'document.\'+f7_droplayer[i]+\'.visibility=\"hide\"\') }
            }
        }
    }
document.onmousemove = f7_getmousepos
if (f7_ns) document.captureEvents(Event.MOUSEMOVE)

function f7_getmousepos(e){
    if(f7_ns){f7_mousex=e.pageX; f7_mousey=e.pageY}
    if(f7_ie){f7_mousex=event.clientX; f7_mousey=event.clientY;}
    }

function f7_checkmousepos(i){         
    if(f7_ns){   
        f7_x_min=eval(\'document.\'+f7_droplayer[i]+\'.left\')
        f7_x_max=f7_x_min+eval(\'document.\'+f7_droplayer[i]+\'.clip.width\')
        f7_y_min=eval(\'document.\'+f7_droplayer[i]+\'.top\')
        f7_y_max=f7_y_min+eval(\'document.\'+f7_droplayer[i]+\'.clip.height\')
        } 
    if(f7_ie){   
        f7_x_min=eval(f7_droplayer[i]+\'.style.pixelLeft\')
        f7_x_max=f7_x_min+eval(f7_droplayer[i]+\'.style.pixelWidth\')
        f7_y_min=eval(f7_droplayer[i]+\'.style.pixelTop\')
        f7_y_max=f7_y_min+eval(f7_droplayer[i]+\'.style.pixelHeight\')
        }
    if (f7_mousex>=f7_x_min && f7_mousex<=f7_x_max && f7_mousey>=f7_y_min && f7_mousey<=f7_y_max){
        f7_hideit=0; setTimeout(\'f7_hideall()\',500)
        }
    else { f7_hideit=1 }
    return f7_hideit
    }
if(f7_ie){
document.write(\'<style type=\"text/css\"><!--\')
document.write(\'.dropdown {padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px}\')
document.write(\'p { margin-top:0px; margin-bottom:6px }\')
document.write(\'a { text-decoration: none }\')
document.write(\'a:hover { color: white; text-decoration: underline }\')
document.write(\'--></style>\')
}
</script>
<style type=\"text/css\">
<!--
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.header {  font: bold 24px Arial, Verdana, Helvetica, sans-serif }
.subhead {  font-weight: bold; font-size: 12px  }
.list {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none  }
.forms {  font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }

.dropdown { position: absolute; width:130px; color:black; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #EFEFEF; layer-background-color: #EFEFEF; top:130px; z-index:1; visibility: hidden ;}
.drophead { color:#333333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
.dropitem { text-decoration:none; color:black; font: 12px Arial, Verdana, Helvetica, sans-serif;}
.drophead:hover { color:black; text-decoration:none }
.dropitem:hover { color:black; font: bold }
-->
</style>

Her kommer så selve DIV-tagget som skal sættes et uvilkårligt sted i koden, da det bliver styret med koordinater:

Response.Write \"<div id=drop1 class=dropdown style=left:225px;top:80px; onmouseover=f7_showdrop(0) onmouseout=f7_hidedrop()><p>HER KOMMER DIN EMAIL-ADRESSE KALDT FRA ASP</DIV>\"

Herefter er det nemt at kalde funktionen, der skal vise denne layer:

<a href=ret_email.asp?var=din_email class=drophead onmousedown=f7_showdrop(0) onmouseout=f7_hidedrop()>

Du kan selv \"fedte\" lidt rundt med dette eksempel!.. DHTML er en jungle at finde rundt i, men ufattelig mangfoldigt, hvis man mestrer det!.. ;)

God fornøjelse,

Thomas Regin.
Avatar billede Slettet bruger
15. august 2001 - 08:32 #2
Hej Thomas...

Det er sikkert rigtigt det du skriver (det lyder som om du har styr på det) - men jeg kan ikke rigtigt få det til at virke!

Kan jeg mon bede dig om at sætte din kode ind i et HTML-dokument - så jeg kan se det? Det tror jeg måske er det nemmeste for mig, da jeg aner zip om DHTML?!

Ellers mange tak for indlægget!
Avatar billede thomas_regin Nybegynder
15. august 2001 - 14:14 #3
Jo, selvfølgelig kan jeg da det!.. :)

Jeg har lavet et eksempel til dig her:

http://www.dkvision.dk/tr/test.asp

Du kan bare copy/paste koden direkte fra siden.. Jeg vil dog lige gøre dig opmærksom på, at der overhovedet ingen funktionalitet er på denne test!.. Det skal du selv fylde på. Dvs. database-tilgang, loops og så videre. Skriv tilbage, hvis du mangler hjælp til dette!..

Rigtigt god fornøjelse,

Thomas Regin.
Avatar billede Slettet bruger
15. august 2001 - 16:28 #4
Det er et fint eksempel - men det bliver lidt problematisk hvis man selv skal angive koordinator for hvert layer. I mit konkrete eksempel har jeg fx 50 emails listet under hinanden. Man kan ikke \"åbne\" layeret i forlængelse af linket og derved ikke skulle angive koordinator?
Avatar billede thomas_regin Nybegynder
15. august 2001 - 17:11 #5
Hejsa igen!..

Det er ikke svært!.. Du skal bare lave et loop, som automatisk lægger f.eks 20 pixels på hver top-koordinat!.. Eller 20 pixels på hver left koordinat!.. :)
Avatar billede Slettet bruger
15. august 2001 - 18:33 #6
Ok - det havde jeg ikke lige tænkt på.

Hvis man nu har flere poster i databasen (der varierer) - skal man så ændre det der \"drop1\"?
Avatar billede thomas_regin Nybegynder
15. august 2001 - 18:43 #7
Jeps!.. Det skal du!.. Det kan godt gå hen og give lidt problemer i længden, men det er sikkert noget der kan laves!!.. :)

Mvh.

Thomas.
Avatar billede Slettet bruger
15. august 2001 - 18:46 #8
Aha!

Det jeg mener er - at hvis hver email har sin egen id - så kan man jo gøre flg.:
id=drop<%=count%>

Dvs at der i HTML-koden står:
<div id=drop1 ...
<div id=drop2 ...
<div id=drop3 ...
osv...

Men det virker ikke rigtigt! Når man trykker på de andre link vises kun den øverste. Er det ikke noget oppe i javascriptet - der står nemlig:
f7_droplayer[0]=\"drop1\"

Men der skal jo som sagt være flere!
Forstår du hvad jeg mener?

Avatar billede thomas_regin Nybegynder
15. august 2001 - 18:51 #9
Jeps!.. Jeg forstår udmærket hvad du mener, og du har helt ret!.. Du skal osse ha\' ændret i javascriptet.. Der kan du muligvis gøre det, at du fra starten tæller hvor mange records der er i din database, og derefter laver et \"javscript/ASP-loop\":

i = 1
y = 0
Response.Write \"<script language=javascript>\"
do while not rs.eof
Response.Write \"f7_droplayer[\" & y & \"]=drop\" & i & \"
rs.movenext
loop
Response.Write \"</script>\"

Dette kan muligvis redde dig ud af problemet!..

God fornøjelse!..

Thomas.
Avatar billede Slettet bruger
15. august 2001 - 18:51 #10
Altså - hvordan tilføjer man flere? Kunne jeg bede dig om at udbygge dit eksempel med endnu en mail - altså med 2 links. Så håber jeg at jeg kan lave dem om i ASP!
Avatar billede thomas_regin Nybegynder
15. august 2001 - 18:55 #11
Hehe.. Selvfølgelig vil jeg det, men det bliver først i morgen - Jeg er nemlig på vej hjem for idag!.. :)

Er det okay?

Thomas.
Avatar billede Slettet bruger
15. august 2001 - 18:56 #12
Klart klart. Jeg vil prøve mig lidt frem med det der ASP/java loop. Jeg har resten på plads tror jeg - men nu må se!

Tusind tak for hjælpen, so far!
Avatar billede Slettet bruger
15. august 2001 - 20:03 #13
Hej Thomas. Jeg begriber det ikke! Nu har jeg fået det til at se ud som det skal - men jeg får en fejl -

f7_droplayer er ikke defineret!

Hmmm.....

  <%
\'-- forbindelse til databasen
Set RS = server.CreateObject(\"ADODB.connection\")
RS.open ConnString
SQL = \"SELECT * FROM database\"
Set RS = RS.Execute(SQL)

Response.Write \"<script language=javascript>\" & VbCrLf
Response.Write \"f7_droplayer=new Array()\" & VbCrLf

antal = 0
do until rs.eof
  antal = antal + 1
  Response.Write \"f7_droplayer[\" & antal - 1 & \"]=drop\"\"\" & antal & \"\"\"\" & VbCrLf

  rs.movenext
loop

Response.write \"</script>\"


RS.Close
Set RS = Nothing
%>
Avatar billede thomas_regin Nybegynder
15. august 2001 - 23:46 #14
Hejsa igen!

Du skal ikke lave antal = antal + 1 før du er nået ned i bunden af dit loop. Det skal først ind efter rs.movenext, ellers vil Antal være = 1 allerede første gang den looper igennem!

Lad mig se hele dit HTML-output, så kan jeg muligvis give et mere kvalificeret bud på det!..

Till tomorrow,

Thomas.
Avatar billede Slettet bruger
16. august 2001 - 08:47 #15
Ok her har du det hele (i eksemplet er det en URL jeg arbejder med). Bemærk at jeg nede i HTML-koden sætter tal ind med variabler ved. \"showdrop\"

Som det ser ud nu får jeg flg. fejlmeddelelse:
\"Undefined style er ikke et objekt\"


<!-- #include file=\"include/adovbs.inc\" -->
<!-- #include file=\"include/datastore.inc\" -->
<html>

<head>
<script language=\"javascript\">

ns4 = (document.layers) ? true:false
ie4 = (document.all) ? true:false
ng5 = (document.getElementById) ? true:false

function hideSec() {
if (ng5) document.getElementById(\'sec1\').style.visibility = \"hidden\"
else if (ns4) document.sec1.visibility = \"hide\"
else if (ie4) sec1.style.visibility =\"hidden\"
}
function showSec(n) {
hideSec();
if (ng5) document.getElementById(\'sec\' + n).style.visibility = \"visible\";
else if (ns4) document.layers[\"sec\" + n].visibility = \"show\";
else if (ie4) document.all[\"sec\" + n].style.visibility = \"visible\";
}

f7_droplayer=new Array()

</script>
  <%
\'-- forbindelse til databasen
Set RS = server.CreateObject(\"ADODB.connection\")
RS.open ConnString
SQL = \"SELECT * FROM databasen\"
Set RS = RS.Execute(SQL)

Response.Write \"<script language=javascript>\" & VbCrLf

antal = 0
do until rs.eof
  antal = antal + 1
  Response.Write \"f7_droplayer[\" & antal - 1 & \"]=drop\"\"\" & antal & \"\"\"\" & VbCrLf

  rs.movenext
loop

Response.write \"</script>\"

RS.Close
Set RS = Nothing
%>
<script language=\"javascript\">

f7_v4=(parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<=5)?1:0
f7_ie=(document.all && f7_v4)?1:0
f7_ns=(document.layers && f7_v4)?1:0

function f7_showdrop(thelayer){
    f7_keep=thelayer; f7_hideall(); f7_showitnow=1
    f7_showit(thelayer)
    }

function f7_showit(thelayer){
        if(f7_ie){ eval(f7_droplayer[thelayer]+\'.style.visibility=\"visible\"\') }
        if(f7_ns){ eval(\'document.\'+f7_droplayer[thelayer]+\'.visibility=\"show\"\');}
    }
function f7_hidedrop(){
    f7_keep=-1; setTimeout(\'f7_hideall()\',500)
    }
f7_keep=-1
function f7_hideall(){
    for(i=0;i<f7_droplayer.length;i++){ 
        f7_hideit=0; f7_checkmousepos(i)
        if(f7_ie && f7_keep!=i){
            if(f7_hideit){ eval(f7_droplayer[i]+\'.style.visibility=\"hidden\"\') }
            }
        if(f7_ns && f7_keep!=i){
            if(f7_hideit){ eval(\'document.\'+f7_droplayer[i]+\'.visibility=\"hide\"\') }
            }
        }
    }
document.onmousemove = f7_getmousepos
if (f7_ns) document.captureEvents(Event.MOUSEMOVE)

function f7_getmousepos(e){
    if(f7_ns){f7_mousex=e.pageX; f7_mousey=e.pageY}
    if(f7_ie){f7_mousex=event.clientX; f7_mousey=event.clientY;}
    }

function f7_checkmousepos(i){         
    if(f7_ns){   
        f7_x_min=eval(\'document.\'+f7_droplayer[i]+\'.left\')
        f7_x_max=f7_x_min+eval(\'document.\'+f7_droplayer[i]+\'.clip.width\')
        f7_y_min=eval(\'document.\'+f7_droplayer[i]+\'.top\')
        f7_y_max=f7_y_min+eval(\'document.\'+f7_droplayer[i]+\'.clip.height\')
        } 
    if(f7_ie){   
        f7_x_min=eval(f7_droplayer[i]+\'.style.pixelLeft\')
        f7_x_max=f7_x_min+eval(f7_droplayer[i]+\'.style.pixelWidth\')
        f7_y_min=eval(f7_droplayer[i]+\'.style.pixelTop\')
        f7_y_max=f7_y_min+eval(f7_droplayer[i]+\'.style.pixelHeight\')
        }
    if (f7_mousex>=f7_x_min && f7_mousex<=f7_x_max && f7_mousey>=f7_y_min && f7_mousey<=f7_y_max){
        f7_hideit=0; setTimeout(\'f7_hideall()\',500)
        }
    else { f7_hideit=1 }
    return f7_hideit
    }
if(f7_ie){
document.write(\'<style type=\"text/css\"><!--\')
document.write(\'.dropdown {padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px}\')
document.write(\'p { margin-top:0px; margin-bottom:6px }\')
document.write(\'a { text-decoration: none }\')
document.write(\'a:hover { color: white; text-decoration: underline }\')
document.write(\'--></style>\')
}
</script>

<title>Links</title>
<style type=\"text/css\">
<!--
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.header {  font: bold 24px Arial, Verdana, Helvetica, sans-serif }
.subhead {  font-weight: bold; font-size: 12px  }
.list {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none  }
.forms {  font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }

.dropdown { position: absolute; width:130px; color:black; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #EFEFEF; layer-background-color: #EFEFEF; top:130px; z-index:1; visibility: hidden ;}
.drophead { color:#333333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
.dropitem { text-decoration:none; color:black; font: 12px Arial, Verdana, Helvetica, sans-serif;}
.drophead:hover { color:black; text-decoration:none }
.dropitem:hover { color:black; font: bold }
-->
</style>

</head>
<body bgcolor=\"#FFFFFF\" text=\"#333333\" background=\"gfx/bg.gif\" link=\"#990000\" vlink=\"#990000\" alink=\"#990000\" topmargin=\"4\">
<table width=\"400\" border=\"0\" cellpadding=\"2\" cellspacing=\"1\" bgcolor=\"#000000\" align=\"center\">
  <%
\'-- forbindelse til databasen
Set RS = server.CreateObject(\"ADODB.connection\")
RS.open ConnString
SQL = \"SELECT * FROM databasen ORDER by Sitename asc;\"
Set RS = RS.Execute(SQL)
do until RS.eof
    Id=RS(\"Id\")
    Siteurl=RS(\"Siteurl\")
    count = count +1
    topmargin = topmargin +20
    countminus = count -1
%>
  <tr bgcolor=\"CCCC99\">
    <td width=\"18\">
      <div id=drop<%=count%> class=dropdown style=left:25px;top:<%=topmargin%>px; onmouseover=f7_showdrop(<%=countminus%>) onmouseout=f7_hidedrop()>
        <input type=text value=<%=Siteurl%> name=Siteurl>
      </DIV>
      <a style=cursor:hand class=drophead onmousedown=f7_showdrop(<%=countminus%>) onmouseout=f7_hidedrop()><img src=\"gfx/ie.gif\" width=\"18\" height=\"18\"></a>
    </td>
    <td width=\"133\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">
      </font></td>
    <td width=\"71\">
      <div align=\"center\">
        <input type=\"submit\" value=\"Update\" style=\"font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;\" name=\"submit\" >
        </div>
    </td>
  </tr>
  <%  RS.MoveNext
    Loop
RS.Close
Set RS = Nothing
%>
</table>
</body>
</html>
Avatar billede thomas_regin Nybegynder
16. august 2001 - 17:14 #16
Huhej, her har du mig!.. ;)

Undskyld forsinkelsen, men jeg har været temmelig ophængt hele dagen!.. Nu har jeg løsningen på dit problem!.. Du kan finde en demo her:

http://www.dkvision.dk/tr/test2.asp

Her er hele koden uden din database-tilgang, men den kan du hurtigt sætte ind igen. Læg mærke til de forskellige loops, og hvordan de er sat sammen i modsætning til din:

<html>
<head>
<script language=\"javascript\">

ns4 = (document.layers) ? true:false
ie4 = (document.all) ? true:false
ng5 = (document.getElementById) ? true:false

function hideSec() {
if (ng5) document.getElementById(\'sec1\').style.visibility = \"hidden\"
else if (ns4) document.sec1.visibility = \"hide\"
else if (ie4) sec1.style.visibility =\"hidden\"
}
function showSec(n) {
hideSec();
if (ng5) document.getElementById(\'sec\' + n).style.visibility = \"visible\";
else if (ns4) document.layers[\"sec\" + n].visibility = \"show\";
else if (ie4) document.all[\"sec\" + n].style.visibility = \"visible\";
}
f7_droplayer=new Array()
<%
antal = 0
antal2 = 1
do until antal = 10
  Response.Write \"f7_droplayer[\" & antal & \"]=\"\"drop\" & antal2 & \"\"\"\" & VbCrLf
  antal = antal + 1
  antal2 = antal2 + 1
loop
%>


f7_v4=(parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<=5)?1:0
f7_ie=(document.all && f7_v4)?1:0
f7_ns=(document.layers && f7_v4)?1:0

function f7_showdrop(thelayer){
    f7_keep=thelayer; f7_hideall(); f7_showitnow=1
    f7_showit(thelayer)
    }

function f7_showit(thelayer){
        if(f7_ie){ eval(f7_droplayer[thelayer]+\'.style.visibility=\"visible\"\') }
        if(f7_ns){ eval(\'document.\'+f7_droplayer[thelayer]+\'.visibility=\"show\"\');}
    }
function f7_hidedrop(){
    f7_keep=-1; setTimeout(\'f7_hideall()\',500)
    }
f7_keep=-1
function f7_hideall(){
    for(i=0;i<f7_droplayer.length;i++){ 
        f7_hideit=0; f7_checkmousepos(i)
        if(f7_ie && f7_keep!=i){
            if(f7_hideit){ eval(f7_droplayer[i]+\'.style.visibility=\"hidden\"\') }
            }
        if(f7_ns && f7_keep!=i){
            if(f7_hideit){ eval(\'document.\'+f7_droplayer[i]+\'.visibility=\"hide\"\') }
            }
        }
    }
document.onmousemove = f7_getmousepos
if (f7_ns) document.captureEvents(Event.MOUSEMOVE)

function f7_getmousepos(e){
    if(f7_ns){f7_mousex=e.pageX; f7_mousey=e.pageY}
    if(f7_ie){f7_mousex=event.clientX; f7_mousey=event.clientY;}
    }

function f7_checkmousepos(i){         
    if(f7_ns){   
        f7_x_min=eval(\'document.\'+f7_droplayer[i]+\'.left\')
        f7_x_max=f7_x_min+eval(\'document.\'+f7_droplayer[i]+\'.clip.width\')
        f7_y_min=eval(\'document.\'+f7_droplayer[i]+\'.top\')
        f7_y_max=f7_y_min+eval(\'document.\'+f7_droplayer[i]+\'.clip.height\')
        } 
    if(f7_ie){   
        f7_x_min=eval(f7_droplayer[i]+\'.style.pixelLeft\')
        f7_x_max=f7_x_min+eval(f7_droplayer[i]+\'.style.pixelWidth\')
        f7_y_min=eval(f7_droplayer[i]+\'.style.pixelTop\')
        f7_y_max=f7_y_min+eval(f7_droplayer[i]+\'.style.pixelHeight\')
        }
    if (f7_mousex>=f7_x_min && f7_mousex<=f7_x_max && f7_mousey>=f7_y_min && f7_mousey<=f7_y_max){
        f7_hideit=0; setTimeout(\'f7_hideall()\',500)
        }
    else { f7_hideit=1 }
    return f7_hideit
    }
if(f7_ie){
document.write(\'<style type=\"text/css\"><!--\')
document.write(\'.dropdown {padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px}\')
document.write(\'p { margin-top:0px; margin-bottom:6px }\')
document.write(\'a { text-decoration: none }\')
document.write(\'a:hover { color: white; text-decoration: underline }\')
document.write(\'--></style>\')
}
</script>

<title>Links</title>
<style type=\"text/css\">
<!--
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.header {  font: bold 24px Arial, Verdana, Helvetica, sans-serif }
.subhead {  font-weight: bold; font-size: 12px  }
.list {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none  }
.forms {  font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }

.dropdown { position: absolute; width:130px; color:black; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #EFEFEF; layer-background-color: #EFEFEF; top:130px; z-index:1; visibility: hidden ;}
.drophead { color:#333333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
.dropitem { text-decoration:none; color:black; font: 12px Arial, Verdana, Helvetica, sans-serif;}
.drophead:hover { color:black; text-decoration:none }
.dropitem:hover { color:black; font: bold }
-->
</style>

</head>
<body bgcolor=\"#FFFFFF\" text=\"#333333\" background=\"gfx/bg.gif\" link=\"#990000\" vlink=\"#990000\" alink=\"#990000\" topmargin=\"4\">
<table width=\"400\" border=\"0\" cellpadding=\"2\" cellspacing=\"1\" bgcolor=\"#000000\" align=\"center\">
  <%
\'-- forbindelse til databasen
count = 0
count2 = 1
topmargin = 20
do until count = 10
 
%>
 
      <div id=drop<%=count2%> class=dropdown style=left:25px;top:<%=topmargin%>px; onmouseover=f7_showdrop(<%=count%>) onmouseout=f7_hidedrop()>
        <input type=text value=\"thomas<%=count%>@thomas-regin.com\" name=Siteurl>
      <input type=\"submit\" value=\"Update\" style=\"font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;\" name=\"submit\" >
      </DIV>
     
   
       
  <%  count = count + 1
  count2 = count2 + 1
  topmargin = topmargin + 20
    Loop
   

count = 0
do until count = 10
%>
<tr bgcolor=\"CCCC99\">
    <td width=\"18\">

<a style=cursor:hand class=drophead onmousedown=f7_showdrop(<%=count%>) onmouseout=f7_hidedrop()><img src=\"gfx/ie.gif\" width=\"18\" height=\"18\"></a>
    </td>
    <td width=\"133\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">
      </font></td>
    <td width=\"71\">
</td>
  </tr>
<%
count = count + 1 
loop
%>
</table>
</body>
</html>

Håber at du kunne bruge det til noget!..

God fornøjelse,

Thomas.
Avatar billede Slettet bruger
17. august 2001 - 09:59 #17
Hey - jeg tror næsten jeg har den nu. Men du har jo sat \"do until antal = 10\" - og \"antal\" er en dynamisk størrelse og kan variere!
Avatar billede Slettet bruger
17. august 2001 - 10:12 #18
Nej - jeg tænker mig ikke om! Jeg har den nu!

Mange tak for hjælpen!
Avatar billede thomas_regin Nybegynder
17. august 2001 - 11:06 #19
Det var da så lidt!.. :)

God fornøjelse!

Thomas.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester