Avatar billede c-sharp Nybegynder
02. maj 2007 - 11:19 Der er 11 kommentarer og
1 løsning

udtone indholdet i en div

hvordan er det muligt at udtone alt indholdet i en div?
Avatar billede jokkejensen Novice
02. maj 2007 - 12:51 #1
Beskriv lige yderligere..
Avatar billede c-sharp Nybegynder
02. maj 2007 - 12:58 #2
Hej Jokkejensen

Jeg har en div der indeholder tekst og billeder, i visse tilfælde skal det ikke er være muligt at gøre noget aktivt i denne div. Når den er inaktiv skal den så udtones så man kan se at feltet er inaktive.

Måske lidt alá det her: http://www.telerik.com/DEMOS/ASPNET/Window/Examples/BrowserDialogBoxes/DefaultCS.aspx

Bare kun på en div
Avatar billede c-sharp Nybegynder
02. maj 2007 - 12:59 #3
Hov glemte at skrive at du skal trykke på en af de 3 knapper for at se effekten.
Avatar billede jokkejensen Novice
02. maj 2007 - 13:04 #4
du vil altså grå tone hele vinduet... og kun vise en "popup" ?
Avatar billede jokkejensen Novice
02. maj 2007 - 13:07 #5
ala :
http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

Klik på et billede når siden er hentet..
Avatar billede c-sharp Nybegynder
02. maj 2007 - 13:35 #6
Det skal kun være et div på siden der bliver udtonet, resten skal forblive uændret.
Avatar billede jokkejensen Novice
02. maj 2007 - 13:55 #7
Nåå okay..

Så vil jeg anbefale noget ala:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
<html>
<head>
<style type="text/css">
#Content
{
    background-color: red;
    color: white;
    height: 100%;
    width: 300px;
    position:relative;
}

#InActive
{
    position:absolute;
    height: 100%;
    width: 100%;
    display: none;
    background-color: blue;
    filter:alpha(opacity=50);  /* Internet Explorer      */
    -moz-opacity:0.5;          /* Mozilla 1.6 and below  */
    opacity: 0.5;              /* newer Mozilla and CSS-3 */
}

</style>
</head>
<body>
<div id="Content">
<div id="InActive"></div>
Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold
</div>
<a href="#" onclick="document.getElementById('InActive').style.display = 'block'">Ton laget</a><br />
<a href="#" onclick="document.getElementById('InActive').style.display = 'none'">fjern toning</a>
</body>
</html>
Avatar billede jokkejensen Novice
02. maj 2007 - 14:17 #8
Lige en reminder..

Så vil select boxe ikke i .. jeg mener det er IE blive skjult.. det kan de ikke..

Så sørg for lige at skjule dem med noget JS.
Avatar billede c-sharp Nybegynder
02. maj 2007 - 14:53 #9
Det er super, jeg takker mange gange!!!
Avatar billede jokkejensen Novice
02. maj 2007 - 14:54 #10
Selv tak..

Sig til hvis imlementeringen driller i dit eksisterende..

/JJ
Avatar billede c-sharp Nybegynder
03. maj 2007 - 13:26 #11
Hey Jokke

Det opføre sig ikke helt efter planen i IE6
Avatar billede c-sharp Nybegynder
07. maj 2007 - 10:01 #12
Jokke er du der?
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