Avatar billede swasper Nybegynder
13. april 2001 - 03:00 Der er 21 kommentarer og
1 løsning

Popup tekst

Jeg skal bruge et script der fungerer på den måde at når du fører musen/cursoren hen over et billede så popper der en tekst frem et andet sted på siden.

Det skal være muligt at definere placeringen af teksten uden brug af CSS, altså i et TABLE.

Nogen der kan hjælpe ?
Avatar billede bacardil Nybegynder
13. april 2001 - 03:28 #1
Hvor har du set det?
Avatar billede bacardil Nybegynder
13. april 2001 - 03:29 #2
http://www.eksperten.dk/spm/27358

Der finder du vist svaret ;o)
Avatar billede swasper Nybegynder
13. april 2001 - 03:36 #3
Læs lige spørgesmålet en gang til!!
Avatar billede bacardil Nybegynder
13. april 2001 - 03:37 #4
Der er sq for meget *gg*

Hvor har du set det?
Avatar billede hvid Nybegynder
13. april 2001 - 04:44 #5
man må heller ikke bruge scripts går jeg ud fra =)
Avatar billede swasper Nybegynder
13. april 2001 - 06:28 #6
Jo Jeg skal jo bruge et JavaScript der kan klare det
Avatar billede swasper Nybegynder
13. april 2001 - 07:54 #7
Hvis jeg har en knap.
Den knap har en onmouseover effect.
effecten er en tekst f.eks. \"Hej Hvordan går det!\".
den tekst skal vises i et bestemt table som jeg selv kan vælge.

Avatar billede hyperactive Nybegynder
13. april 2001 - 08:48 #8
Det kan man ikke uden brug af CSS
Avatar billede wermelin Nybegynder
13. april 2001 - 10:50 #9
Jeg foreslår at du bruger layers.
Lav et layer - skriv en tekst i det - og sæt det så til at være hidden.
Så kan du så sætte en behavior på det sted hvor musen skal henover, som hedder \'Show/Hide Layers\' onMouseover osv.
Alt kan gøres let i DreamWeaver!
Avatar billede nikolajdu Nybegynder
13. april 2001 - 11:48 #10
Man kan såmænd også bruge inner.html i JavaScript, men det er noget mere besværligt end Dreamweaver...
Avatar billede jakoba Nybegynder
13. april 2001 - 16:36 #11
Det nemmeste script jeg kender til det er overLib.
din popop tekst kan placeres frit i forhold til pusepointeren eller siden
og der skal ikke skrives andet end en onmouseover og en onmouseout for hvert link. Det virker på alle de browsere jeg har prøvet med (undtagen WebTV).
scriptet er gratis at hente og bruge og kan downloades fra
www.bosrup.dk

mvh JakobA
Avatar billede swasper Nybegynder
13. april 2001 - 21:52 #12
Linket virker jo ikke.

Der må også gerne være brugt css men det sted hvor teksten skal placeres skal ikke defineres i pixels for så har man en fejl når man ændre opløsning
Avatar billede jakoba Nybegynder
13. april 2001 - 23:01 #13
serveren er nede, men prøv at kikke når den kommer op igen.
Avatar billede nikolajdu Nybegynder
14. april 2001 - 00:01 #14
Har tidligere selv brugt overlib - Fantatisk Script.

Hvis i ikke siger det til andre kan i se min ældgamlde hjemmeside her. Kør musen over links´ene http://ankjaer2000.virtualave.net

Jakoba, jeg tror du vil finde den interessant, men lad nu være med at kommentere min langhårsbilleder....*ggg*

Den første Weekendmail blev udsendt omkring påske for et par år siden. Så lidt relevans har den da. I øvrigt synes jeg selv det stadig er en af de sjoveste jeg nåede at srkive... :-)
Avatar billede jakoba Nybegynder
14. april 2001 - 00:16 #15
Nikolaidu >> tror du ikke jeg kan være diskret? Jeg var faktisk ind og kikke på den side for to måneder siden :-)
Avatar billede nikolajdu Nybegynder
14. april 2001 - 00:19 #16
Hvordan sørensen fandt du den???
Avatar billede nikolajdu Nybegynder
14. april 2001 - 00:20 #17
Jeg ved godt at den kan findes i søgemaskiner, ved at søge på mit navn, men....
Avatar billede jakoba Nybegynder
14. april 2001 - 00:46 #18
:-)
Avatar billede barefoot Nybegynder
14. april 2001 - 13:54 #19
Det må være det her som du søger!
Bare kopier...
Placeringen af popuptingen ændrer du der hvor det står noget i retningen af:
            document.getElementById(\'billede1\').style.left = 250;
            document.getElementById(\'billede1\').style.top = 250;
Det står 3 steder pga. forskellige browser versioner.

<HTML>
<HEAD>
<!-- Minus AutoDato -->
<TITLE>Popup ting</TITLE>

<META NAME=\"Generator\" CONTENT=\"Edit Plus\">

<SCRIPT LANGUAGE=\"JavaScript\">
<!--

if (window != top) top.location.href = location.href;

NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
DOM = (document.getElementById) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;
/*
Debugging:
    $IE4 = 1    $IE3 =      $NS4 =      $NS3 =      $X11 =      $HAVE_STYLE = 1*/

var loaded = 0;
var gotlayers = 0;
var lastbutton=\'top\';

// -->
</SCRIPT>

<SCRIPT LANGUAGE=\"JavaScript1.2\">
<!--

function moveLayers() {
    if (gotlayers) {
        if (NS4) {
            screenWidth = window.innerWidth;

            document.layers[\'billede1\'].left = 50;
            document.layers[\'billede1\'].top = 50;

        } else if (DOM) {
            screenWidth = (document.body.clientWidth ? document.body.clientWidth : window.innerWidth) + 18;

            document.getElementById(\'billede1\').style.left = 250;
            document.getElementById(\'billede1\').style.top = 250;

                } else {
            screenWidth = document.body.clientWidth + 18;
           
            document.all[\'billede1\'].style.pixelLeft = 100;
            document.all[\'billede1\'].style.pixelTop = 100

        }
    }
}

function popUp(menuName,on) {
    if (gotlayers) {
        if (on) {
            moveLayers();
            if (NS4) {
                document.layers[menuName].visibility = \"show\";
            } else if (DOM) {
                document.getElementById(menuName).style.visibility = \"visible\";
                        } else {
                document.all[menuName].style.visibility = \"visible\";
            }
        } else {
            if (NS4) {
                document.layers[menuName].visibility = \"hide\";
            } else if (DOM) {
                document.getElementById(menuName).style.visibility = \"hidden\";
            } else {
                document.all[menuName].style.visibility = \"hidden\";
            }
        }
    }
}

// -->
</SCRIPT>

</HEAD>
<BODY MARGINHEIGHT=3 MARGINWIDTH=3 TOPMARGIN=3 LEFTMARGIN=3 BGCOLOR=\"#FFFFFF\" TEXT=\"#000000\" LINK=\"#5B69A6\" VLINK=\"#5B69A6\" ALINK=\"#00FF00\">

<table border=\"0\" align=top\">
<tr>
<td><A onmouseover=\"popUp(\'billede1\',true);\" onmouseout=\"popUp(\'billede1\',false);\"
><img SRC=\"side03.jpg\" WIDTH=\"160\" HEIGHT=\"225\"></a>

<DIV ID=\"billede1\" STYLE=\"POSITION: absolute; Z-INDEX: 20; VISIBILITY: hidden; TOP: 0px; LEFT: Opx;\">
<TABLE align=\"center\" BORDER=0 CELLPADDING=5 CELLSPACING=0 width=\"700\" height=\"300\">
<TR>

</TR>
<TR VALIGN=top>
<TD valign=\"top\" style=\"BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid\" BGCOLOR=\"#EFEF52\"><FONT  FACE=\"tahoma, verdana, arial, helvetica, sans-serif\" SIZE=2>

<FONT SIZE=+1><B>Overskrigt</B></FONT><BR>
Her skriver du så det tekst som skal poppe op.
<BR>
</FONT></TD>
<TD style=\"BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 1px solid\" BGCOLOR=\"#EFEF52\" width=21 VALIGN=top><A HREF=\"java script:popUp(\'billede1\',false);\"><IMG SRC=\"kick-close.gif\" ALT=\"Luk vinduet\" WIDTH=21 HEIGHT=21 BORDER=0></A><BR></TD>
</TR>
</TABLE>
</DIV>
</td>
</tr>
</table>

<SCRIPT LANGUAGE=\"JavaScript1.2\">
<!--
if (NS4) {
    gotlayers = (document.layers.length == 3) ? 1 : 0;
}
if (IE4) {
    gotlayers = 1;
}

// -->
</SCRIPT>

<SCRIPT LANGUAGE=\"JavaScript1.3\">
<!--
    gotlayers = 1;
// -->
</SCRIPT>

</BODY>
</HTML>
Avatar billede swasper Nybegynder
14. april 2001 - 19:51 #20
Ja scriptet er ok men jeg skal jo definere ved hjælp af pixel hvor teksten skal placeres
Avatar billede swasper Nybegynder
14. april 2001 - 19:52 #21
Jeg vil gerne ha det sådan at jeg kan definere et tabel hvor teksten så kommer frem i
Avatar billede swasper Nybegynder
14. maj 2001 - 18:23 #22
:-)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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