Popup tekstbox i asp

http://www.bosrup.com/web/overlib/

www.dejligbjerg.dk

Kopier dette script ind mellem <head> og </head>

<script>
function loadfollow(which){
if (!window.win2||win2.closed)
win2=window.open(which.href)
else
win2.location=which.href
}
</script>



Kopier dette script ind i <a> koden

onMouseover="loadfollow(this)"



det skulle være til at finde ud af

http://www.dynamicdrive.com/dynamicindex5/popinfo.htm

Okay okay, træk lige håndbremsen, grunden til at jeg 100 point er at jeg skal have en forklaring en 5 årig kan forstå.
Hvor skal jeg indsætte teskten i popup boxen??

Og prøv lige at skrive et exempel..

på forhånd tak.

hvad hedder det vindue du vil åbne??

top10

Og med vindue mener du vel den teksbox jeg snakker om?

for god ordens skyld, så er dette ikke et ASP-spørgsmål, men JavaScript eller DHTML.

Anyway, så er her et forslag til løsning:

<html>
<head>
<script>
function toggleHint(strTxt) {
if(strTxt == '') {
  document.getElementById('hintDiv').style.diplay = 'none';
}
else {
  document.getElementById('hintDiv').innerHTML = strTxt;
  document.getElementById('hintDiv').style.top = event.clientY + 10;
  document.getElementById('hintDiv').style.left = event.clientX + 10;
  document.getElementById('hintDiv').style.diplay = '';
}
}
</script>
</head>
<body>
<div id=hintDiv style="display:none;"></div>
<a href="[url]" onmousemove="toggleHint('Hint til linket')" onmouseout="toggleHint('')">klik her</a>
</body>
</html>

nåh ok. ligesom de øverste på eksperten??

der var lige et par tyrk-fejl. Her er en functionel version :)

<html>
<head>
<script>
function toggleHint(strTxt) {
if(strTxt == '') {
  document.getElementById('hintDiv').style.diplay = 'none';
}
else {
  document.getElementById('hintDiv').innerHTML = strTxt;
  document.getElementById('hintDiv').style.top = event.clientY + 10;
  document.getElementById('hintDiv').style.left = event.clientX + 10;
  document.getElementById('hintDiv').style.display = '';
}
}
</script>
</head>
<body>
<div id=hintDiv style="position:absolute; display:none;"></div>
<a href="[url]" onmousemove="toggleHint('Hint til linket')" onmouseout="toggleHint('')">klik her</a>
</body>
</html>

overlib.js skal gemmes i sidens rod

indsæt denne kode i head

<body topmargin="0" leftmargin="0" cellspacing="0" bgcolor="#CCCCCC">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

og brug denne kode til dine links

<a href="http://www.atheos.cx" onmouseover="return overlib('Din
meddelelse her.');" onmouseout="return nd();">www.atheos.cx</a>

Du konfigurerer farver osv. i overlib.js

Jeg sku ked af at sige det, men jeg fatter det sku ikke helt. Sorry

Hvor skal det her stå:
1. bla bla
2. bla bla
3. bla bla
til og med nr 10?

Og boxen skal kommer frem når jeg holder musen over Remo's top 10

Kan I forklare?

du kan d-loade programmet her

http://www.bosrup.com/web/overlib/download.html

vil du have et pop-up???? (skal der åbne sig et nyt windue)

Se f.eks http://www.dynamicdrive.com/dynamicindex5/popinfo.htm og hold musen og caption, sådan skal det være. Jeg skal bare vide hvilken kode der skal ligges hvorhen, og hvor jeg kan indtaste en top10 liste.

hvoror d-loader du så ikke bare programmet nederst på siden??

det har jeg lige gjort, og er ved at kigge på det.

Der står jo du kan downloade en fil på denne side du henviser til karsten laursen. Har du det???

hvis du bruger mit forslag, skal du bare erstatte teksten "Hint til linket" med den tekst du vil have vist - og det understøtter endda html-formatering ;)

Du kan også sætte styles på DIV-tagget, hvis du vil have ramme omkring osv

nåja, og så skal
document.getElementById('hintDiv').style.diplay = 'none';

erstattes med (et s til forskel i "display")

document.getElementById('hintDiv').style.display = 'none';

hvor mange filer har du d-loadet?? (efter du har åbnet zip-filen)

coolcoder -> hva skal der stå i url, når det er en linie tekst der skal kunne aktivere boxen?

Er det sådan du mener? http://www.reffot.dk/exp/ove/template.html

coolkoder -> Den lukker ikke "boxen" ned når man fjerner musen!?

www.kwdemant.dk -> jeg har hentet alle filerne ned.

stof -> JA ENDELIG en der har fattet det! lige præsic!!!

Hva skal jeg gøre for at det kommer til at se sådan ud?

jeg kan sende filerne til dig.... skal den have en anden farve???

hvad med www.kwdemant.dk/Untitled.htm

nej det virkede vist ikke. og stof kom også først

Stof -> Ja jeg ved ikke hvor meget designer der er over dig, men farverne skal passe til www.mrjones.dk her er min email icemanla@tiscali.dk

Er sendt... Du spørger bare hvis du har brug for mere hjælp.

Jeg synes ikke jeg skal have alle point. De andre har jo haft en masse besvær...

karstenlaursen >> hvis du ikke vil bruge link - kan du fx lave et span-tag i stedet:

<span onmousemove="toggleHint('Hint til linket')" onmouseout="toggleHint('')">peg her</span>

og mht til at fjerne boxen igen, så har jeg sendt løsningen - endnu en typo :(

stof -> den lukker ikke boxen ned!

www.mrjones.dk under personale under DJ´z

coolcoder -> Jeg kan ikke få dit script til at virker:

<html>
<head>
<script>
function toggleHint(strTxt) {
if(strTxt == '') {
  document.getElementById('hintDiv').style.diplay = 'none';
}
else {
  document.getElementById('hintDiv').innerHTML = strTxt;
  document.getElementById('hintDiv').style.top = event.clientY + 10;
  document.getElementById('hintDiv').style.left = event.clientX + 10;
  document.getElementById('hintDiv').style.display = 'none';
}
}
</script>
</head>
<body>
<div id=hintDiv style="position:absolute; display:none;"></div>
<span onmousemove="toggleHint('Nr. 1<BR> Nr 2. <BR> Nr. 3 <BR> Nr. 4 <BR> Nr. 5 <BR> Nr. 6 <BR> Nr. 7 <BR> Nr. 8 <BR> Nr. 9 <BR> Nr. 10')" onmouseout="toggleHint('')">peg her</span>
</body>
</html>

Hvorfor virker det ikke?

<html>
<head>
<script>
function toggleHint(strTxt) {
if(strTxt == '') {
  document.getElementById('hintDiv').style.display = 'none';
}
else {
  document.getElementById('hintDiv').innerHTML = strTxt;
  document.getElementById('hintDiv').style.top = event.clientY + 10;
  document.getElementById('hintDiv').style.left = event.clientX + 10;
  document.getElementById('hintDiv').style.display = '';
}
}
</script>
</head>
<body>
<div id=hintDiv style="position:absolute; display:none; background-color: #cccccc; border: 1 solid #000000;"></div>
<span style="cursor:hand;" onmousemove="toggleHint('Nr. 1<BR> Nr 2. <BR> Nr. 3 <BR> Nr. 4 <BR> Nr. 5 <BR> Nr. 6 <BR> Nr. 7 <BR> Nr. 8 <BR> Nr. 9 <BR> Nr. 10')" onmouseout="toggleHint('')">peg her</span>
</body>
</html>


...så spinder det c¨,)

<script> i denne linie siger den at der er fejl, jeg bruger stones webwriter
og bagefter siger den at der er fejl i <span> linien! Hvorfor
skal der stå noget med script language??

Den skriver hele tiden et objekt var ventet??

Det virker godt nok når jeg laver en test.html og indsætter hele skidtet, men når jeg oploader det til serveren så virker det ikke??

du kan godt skrive <script language=JavaScript>, hvis det er en validator, der melder om fejl. Jeg tror ikke en browser vil gøre det (og her er netscape altså ikke en browser)

Hvorfor det ikke virker når du uploader, aner jeg ikke. I din test-fil: har du kun min kode der? Og hvordan indsætter du i din egen fil? Har du et link?

her er hele koden:
siden kan nemlig ikke vises lige nu.
<html>
<head>
<!-- Minus AutoDato -->
<title>Mr. Jones</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
<script language=JavaScript>
function toggleHint(strTxt) {
if(strTxt == '') {
  document.getElementById('hintDiv').style.display = 'none';
}
else {
  document.getElementById('hintDiv').innerHTML = strTxt;
  document.getElementById('hintDiv').style.top = event.clientY + 10;
  document.getElementById('hintDiv').style.left = event.clientX + 10;
  document.getElementById('hintDiv').style.display = '';
}
}
</script>
</head>

<body bgcolor="#000000">
<!-- Den store hoved Table -->
<table width="714" height="543" align="center" cellspacing="0" cellpadding="0">
  <tr>
    <td height="524" width="141" bgcolor="#000000" valign="top" bordercolor="#000000">
      <!-- #include file=Left.asp -->
    </td>
    <td height="524" valign="top" bgcolor="#996633">
      <!-- Den store Table i midten -->
      <p>&nbsp;</p>
      <blockquote>
        <table width="358" height="268" border="0" cellpadding="2" cellspacing="0" bordercolor="#000000">
          <tr>
            <td width="133" height="141"><a href="personale%20billeder/remostor.jpg"><img src="personale%20billeder/remo.JPG" alt="Årets modarbejder 2002" width="112" height="135" border="0"></a></td>
            <td width="217" valign="top"><pre><font face="Verdana, Arial, Helvetica, sans-serif">Remo

Remo, ja hvem kender ikke ham?
Stedets Resident DJ, med de nyeste
tracks i lommen.
Spørgsmål/kontakt remomuench@hotmail.com
<div id=hintDiv style="position:absolute; display:none; background-color: #cccccc; border: 1 solid #000000;"></div>
<span style="cursor:hand;" onmousemove="toggleHint('Nr. 1<BR> Nr 2. <BR> Nr. 3 <BR> Nr. 4 <BR> Nr. 5 <BR> Nr. 6 <BR> Nr. 7 <BR> Nr. 8 <BR> Nr. 9 <BR> Nr. 10')" onmouseout="toggleHint('')">Remo's top10</span>


</font></pre></td>
          </tr>
          <tr>
            <td><a href="Billeder/Billeder/2002/29/P7210072.JPG"><img src="personale%20billeder/lasse.jpg" width="114" height="124" border="0"></a></td>
            <td valign="top"><pre><font face="Verdana, Arial, Helvetica, sans-serif">Lasse

Lasse er kendt for at fyre
en hel cd af med Kim Larsen,
lige inden vi lukker.</font></pre></td>
          </tr>
          <tr>
            <td><a href="/Billeder/Billeder/2002/26/P6300049.JPG"><img src="personale%20billeder/simon.jpg" width="98" height="124" border="0"></a></td>
            <td valign="top"><pre><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Simon

Er der en der kan spille alle de
gode klassiker fra starten af 90'
så er det SIMON! </font></pre></td>
          </tr>
        </table>

      </blockquote>
      </td>
    <td height="524" width="142" bgcolor="#000000" valign="top">
      <!-- #include file=Right.asp -->
    </td>
  </tr>
</table>
</body>
</html>

Jeg fandt din fejl!
før funktion skal der vøre <!-- og til sidst skal det være //-->

Men den breaker en ny linie efter hvert ord?? Det skal den jo ikke!

Du indstiller bare div'en til at være bredere:

<div id=hintDiv style="position:absolute; display:none; background-color: #cccccc; border: 1 solid #000000; width:150px;"></div>

coolcoder du får alle point, for du kom til sidst med den bedste løsning!

Kan jeg bare genbruge det samme kode på samme side?

jada. Du laver bare et nyt span-tag for hver DJ og retter teksten til. Fx:

<span style="cursor:hand;" onmousemove="toggleHint('Nr. 1<BR> Nr 2. <BR> Nr. 3 <BR> Nr. 4 <BR> Nr. 5 <BR> Nr. 6 <BR> Nr. 7 <BR> Nr. 8 <BR> Nr. 9 <BR> Nr. 10')" onmouseout="toggleHint('')">Remo's top10</span>



<span style="cursor:hand;" onmousemove="toggleHint('Endnu en top 10 :)')" onmouseout="toggleHint('')">Lasse's top10</span>

Hvor henne kan jeg rettet i designet, hvis jeg nu gerne vil have en headline på? hvor der også står Remos top10 med en anden baggrundsfarve?