Avatar billede nemlig Professor
14. januar 2011 - 20:39 Der er 1 kommentar og
1 løsning

popup-vindue når inputfelt er aktiv

Hejsa.
Jeg søger en løsning med en slags taleboble, som vises, når et inputfelt er aktiv, og som lukker igen, når inputfeltet forlades.
Meningen er, at der i taleboblen skal stå en kort vejledning til inputfeltet.
Jeg har 2 inputfelter, som taleboblen skal fungere på.

Link til løsningsforslag/vejledning vil være super.
Avatar billede tjens Nybegynder
15. januar 2011 - 11:38 #1
Du kan lave nogen DIV's som starter med display:none, og som vises på indtastningsfelternes onfocus event, og skjules på onblur.

Eksempel style:
    #PopMenuID{
        position: absolute;
        height:100px;  width:100px; 
        border: 2px outset grey;
        padding: 2px 2px 2px 5px;
        background-color: lightyellow;
        display: none;
        z-index: 100;
    }

javascript, der finder placering på skærm:
    function popMenu(span) {
        oPopMenu.style.left = (span.parentNode.offsetLeft + 30) + "px";
        oPopMenu.style.top = (span.parentNode.offsetTop +10)  + "px";
        oPopMenu.style.display = 'block';

    }
   
    function popMenuClose() {
        oPopMenu.style.display = 'none';

    }
Demo: http://tjens.dk/javascript/examples/PopupMenu.html
I demoen er det dog onmouseover på Edit kolonnen, der laver event.

Ellers søg på nettet på:
  javascript popup help
  javascript tooltip
  javascript balloon help
Der er alt fra små eksempler til store frameworks til formålet.
Avatar billede nemlig Professor
15. januar 2011 - 16:01 #2
Sejt - jeg når først af "lege" med koden i morgen. Tak indtil nu.
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

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