Kære gæst, velkommen til Tweak.dk. Hvis dette er dit første besøg her, bør du læse Hjælp. Her forklares i detaljer hvordan denne side fungerer. For at benytte alle funktionerne på denne side, bør du overveje at lade dig registrere. Benyt venligst registreringsformularen for at registrere her eller læs yderligere information om registreringsprocessen. Hvis du allerede er registreret, så log på her.

1

fredag, 23. november 2007, 14:43


På en hjemmeside har jeg lavet menuen som et billede der ligger som baggrund.
Når der trykkes på et menupunkt skal der komme en boks frem og lægge sig oven på menuen(bg-billedet). Denne boks skal fungere som selve sitet, dvs der skal være tilbage-knap (til navigation mellem bokse) og en exit-knap (så man kan komme tilbage til menuen).

Er der nogen der har et forslag til hvordan dette gøres?


2

fredag, 23. november 2007, 17:58


Jeg vil egentlig fraråde dig sådan en menu, da det vil være til stor irritation og forvirring for brugeren.

Menu'en bør altid være tilgængelig, uanset hvor man befinder sig på sitet. Dertil, så bør man egentlig heller ikke gøre det store i tilbageknapper.

Men, hvis det endelig er, så er det vha. af positionering, at du løser dit problem. Prøv at kig lidt på google efter "css position"


3

søndag, 25. november 2007, 09:33


mht menuen er det såmænd gennemtænkt og passer fint til målgruppen :D

Ved brug af positionering kan jeg jo ikke få boksen til at poppe frem og lukke ned ved tryk på exit....


4

søndag, 25. november 2007, 09:42


Citeret

Oprindeligt indlæg af jonathan150607
mht menuen er det såmænd gennemtænkt og passer fint til målgruppen :D

Ved brug af positionering kan jeg jo ikke få boksen til at poppe frem og lukke ned ved tryk på exit....


Jooh, men glemte at nævne, at der skal lidt javascript til.


5

søndag, 25. november 2007, 11:42


Årh crap..... hmmm hvad skal jeg søge på mht java så?


6

søndag, 25. november 2007, 13:57


Tror det er noget i den her stil du skal have fat i

Kildekode

1
javascript:showHide('XXXX')


7

tirsdag, 27. november 2007, 11:12


Ok, jeg er vist ikke så kvik!!

Har søgt og søgt men ikke fundet noget brugbart omkring ShowHide :(

Men har jeg forstået det ret: jeg laver et alm css hvori jeg definerer positionen for boksen.
Dertil et js i selve html-dokumentet der definerer hvornår den skal vises og skjules?

Har du link til noget script omkring ShowHide eller forslag til hvordan det kunne se ud??

Håber du kan hjælpe.... :9xo


9

tirsdag, 27. november 2007, 11:31


Jeg har fundet det der lightbox jeg skal bruge men kan ikke helt få forenet det med js ShowHide, har du ændret i dokumenterne, og i så fald hvilket et af dem?

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "jonathan150607" (27.11.2007, 12:32)


10

tirsdag, 27. november 2007, 15:27


Citeret

Oprindeligt indlæg af jonathan150607
Jeg har fundet det der lightbox jeg skal bruge men kan ikke helt få forenet det med js ShowHide, har du ændret i dokumenterne, og i så fald hvilket et af dem?


Jeg tror ikke længere jeg er med på, hvad det er du vil?

Er det lightbox du skal bruge?


11

tirsdag, 27. november 2007, 18:31


er det ikke sådan en din søge-ting er lavet af?

-ellers er jeg slet ikke med på hvordan jeg gør....


12

tirsdag, 27. november 2007, 21:06


Citeret

Oprindeligt indlæg af jonathan150607
er det ikke sådan en din søge-ting er lavet af?

-ellers er jeg slet ikke med på hvordan jeg gør....


Det er godt nok ikke mig, som har lavet søgedimsen, men den har nu intet med lightbox at gøre.

Prøv at kigge i kildekoden og find frem til linket, som aktiverer søgeboksen. Det kan måske give dig et indblik i, hvordan ShowHide skal bruges.


13

tirsdag, 27. november 2007, 21:35


Har da luret i kildekoden ;)
Men det eneste jeg kan se der er

<a href="javascript:showHide('search')" id="sshow" title="S&oslash;g"><img src="/gfx/search.gif" alt="Søg" width="15" height="15" /></a>

Men aner ikke hvad jeg skal skrive i et externt js-dokument, og det lader til at der ikke er linket til andre dokumenter end dem tilhørende lightboxen....

Derfor troede jeg det var lightbox jeg skulle bruge...


14

tirsdag, 27. november 2007, 21:59


Citeret

Oprindeligt indlæg af jonathan150607
Har da luret i kildekoden ;)
Men det eneste jeg kan se der er

<a href="javascript:showHide('search')" id="sshow" title="S&oslash;g"><img src="/gfx/search.gif" alt="Søg" width="15" height="15" /></a>

Men aner ikke hvad jeg skal skrive i et externt js-dokument, og det lader til at der ikke er linket til andre dokumenter end dem tilhørende lightboxen....

Derfor troede jeg det var lightbox jeg skulle bruge...


Som jeg forstår det, så kalder det javascript påsat linket et ID (Search), som så bliver vidst. Klikker man anden gang på linket gemmer den ID'et igen.

Det ID den kalder refererer så til den div, hvori søgeboksen er. Altså søgeboksen bliver fremkaldt når der klikkes på linket. Og selve søgeboksen er så positioneret med absolut osv osv.


15

onsdag, 28. november 2007, 09:24


det eksterne script er:

Kildekode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function style(what, prop) {
   if (document.getElementById(what).currentStyle ) {  
      var ar = prop.match(/\w[^-]*/g);var s = ar[0];
      for(var i = 1; i < ar.length; ++i) { s += ar[i].replace(/\w/, ar[i].charAt(0).toUpperCase()); }
      return document.getElementById(what).currentStyle[s]
   }
   else if (document.defaultView.getComputedStyle) { return document.defaultView.getComputedStyle(document.getElementById(what), null).getPropertyValue(prop); }
}
function showHide(what) {
 if (style(what,"display")=="none") {
 	document.getElementById(what).style.display='block';
 } else {
 	document.getElementById(what).style.display='none'; 	
 }
}


Og som macimuz skriver så tager showHide IDet på det div der skal vises som argument


16

onsdag, 28. november 2007, 10:03


Ahh, så det script hørte dertil. Kiggede godt nok på det der igår, men troede ikke det hørte til :crazyeyes:


17

onsdag, 28. november 2007, 10:09


Jeps jeps

style funktionen retunerer hvilken style et pågældende element har

Det skal så lige siges, hvis den skal bruges til at vise tabeller, så skal den omskrives


18

onsdag, 28. november 2007, 11:52


Nu blir jeg snart idiot... det vil ikke virke... Jeg må have gjort noget forkert.

Mit css ser sådan ud:

sam {
position: absolute;
top: 300px;
left: 115px;
z-index: 1
}

Og i body har jeg så skrevet:

<a href="javascript:showHide('sam')" id="sam" title="S&oslash;g"><img src="ellert.jpg" alt="pic" width="40" height="40" /></a>


Jeg får et lille billede frem men når jeg trykker på det forsvinder det bare... der kommer ingen box...
Og hvordan positionerer jeg det lille billede der skal trykkes på?

Mangler jeg noget?

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "jonathan150607" (28.11.2007, 11:54)


19

onsdag, 28. november 2007, 11:58


Du skal ikke påfører ID'et SAM på linket, men på en den div, som skal poppe frem, når linket aktiveres.

Dvs., div'et skal være "display:none;" indtil linket aktiveres, hvor den så positioneres absolut med de ønsket koordinater.


20

onsdag, 28. november 2007, 12:06


Citeret

Oprindeligt indlæg af Macimuz
Du skal ikke påfører ID'et SAM på linket, men på en den div, som skal poppe frem, når linket aktiveres.

Således?

<div id="sam">

<a href="javascript:showHide('hvad skal stå her?')" id="sshow" title="S&oslash;g"><img src="ellert.jpg" alt="pic" width="40" height="40" /></a>
</div>


Dvs., div'et skal være "display:none;" indtil linket aktiveres, hvor den så positioneres absolut med de ønsket koordinater.

Sorry, men det forstår jeg ikke helt (er ikke så skarp at det gør noget)



Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.