Avatar billede bodyguard Nybegynder
23. december 2009 - 02:50 Der er 4 kommentarer og
1 løsning

Windows dialog

Hej Eksperter,

Jeg er blevet lidt betaget af en smart måde at håndtere login på hvis man f.eks. snakker Internet Explorer.

Jeg vil gerne fremkalde den samme type dialog som kommer når man vælger et afsnit på http://www.nutv.dk/index_main.php


Det er sgu smart lavet og jeg kan umiddelbart selv tænke mig til mange brug bare funktioner...

Der må være nogle som har lavet et eller flere open source login scripts ala dette?
Avatar billede j4k0b Nybegynder
23. december 2009 - 11:31 #1
Det er dem her du skal have fat i:
http://www.xstream.dk/

Men hvorfor vælge en login-metode der kører over Windows Media Player, og derfor kun virker på Windows maskiner der rent faktisk har WMP installeret? Jeg kunne f.eks. ikke se videoer på den der side fra min egen computer, blev nødt til at tjekke siden på en kollegas computer som havde WMP installeret.
Avatar billede Slettet bruger
23. december 2009 - 11:49 #2
Det kan gøres med et simpelt stykke kode:

<div id="login" style="display: none; position: absolute; top: 50%; left: 50%;">
<p>Log ind her:</p>
(...)
</div>

<p><a href="" onclick="java script:document.getElementById('login').style.display = 'block'; return false;">Klik her for at logge ind</a></p>
Avatar billede bodyguard Nybegynder
23. december 2009 - 23:24 #3
J4k0b> Det er ikke en bestemt del af WMP, det er en funktion som kan hentes frem via JavaScript.

Det er den samme dialog som bruges i forbindels med Windows Update via Internet Explorer.



Kimsey0>
Fint indlæg problemet er bare at den her "Windows Dialog" har prioritet så det ikke er muligt at vælge andre funktioner f.eks. menuen o.l.
Avatar billede Slettet bruger
24. december 2009 - 00:18 #4
Det kan også sagtens laves i javascript. Gad bare ikke sidde og kode en hel login-dialog, men ville blot illustrere hvordan det kan gå til.

Et eksempel på den type "prioritet" du efterspørger (bemærk at koden bliver lidt større her:
<div id="login" style="background-color: lightGray; visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; z-index: 1000;">
    <div id="login" style="width: 100px; margin: 300px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align: center;">
    <p>Log ind her:</p>
    (...)
    </div>
</div>

<p><a href="" onclick="java script:document.getElementById('login').style.visibility = 'visible'; return false;">Klik her for at logge ind</a></p>
Avatar billede bodyguard Nybegynder
16. maj 2010 - 20:23 #5
Lukket
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