dynamisk billed element med checkbox.

Tags:    javascript

<< < 12 > >>
Hejsa.

Jeg har lige fået et link til det her script.

Det virker meget fint! Men har nogle ting som skal igennem eller hvad man nu kan sige.

Koden ser sådan her ud.
Fold kodeboks ind/udJScript kode 


Og noget HTML:
Fold kodeboks ind/udHTML kode 



Meningen er at når den checkbox der bliver markeret viser den et billed. Men det billed og den position har jeg defineret i en .css fil.

Jeg har tidligere i scripter kaldet den fil ind. Og den virker.

Men har disse problemer...

  • 1. Billed har ikke de indstillinger jeg har sat i .css filen. At f.eks. der skal være et billed inde i det og noget tekst inde i det.

  • 2. Når man fjener fluebenet, skal billedet også fjerne sig.




Håber ikke det er for meget, jeg er ikke selv særlig god med Javascript.


- Hilsen,
Magnus.



Indlæg senest redigeret d. 16.08.2009 11:45 af Bruger #15047
Og så bare i stedet for blah.. skal jeg have mine referencer og deklerationer i min .css fil? Bare lige for at se om jeg har forstået det ordenligt.

- Hilsen,
Magnus.

Jeps, bare i stedet for blah blah. Præcis ligesom du ville gøre når du skulle style et hvilket som helst andet element. Du kan sagtens putte det i din .css fil :D



Okay. Det kommer fremad.

Du kan se det jeg har lavet her:
http://55/stage1.php.


Men den vil ikke vise knappen som på http://*/index.php.

Og så kan jeg ikke få den (skide) checkbox ned under CSS boxen, hvori licensen står.



Indlæg senest redigeret d. 29.09.2010 13:53 af Bruger #15047
Det er fordi at du kun sætter billedet ind i din JavaScript, ikke teksten. Prøv at lav det på en lidt anden måde, og ændre din JavaScript til:
Fold kodeboks ind/udJScript kode 

Og din CSS sæt #button1's display til none.

Btw så er din side lidt noget rod. Den ser en smule fucked ud i FF. Din DOCTYPE er en sær blanding af en HTML4 DOCTYPE og en XHTML DOCTYPE. Din side er dog hverken valid HTML eller XHTML, da du bruger håbløst forældede tags som center og iframe. I stedet for center skal du centrere dine elementer med CSS (gøres sådan: http://www.bluerobot.com/web/css/center1.html), og i stedet for en iframe skal du bruge et div med overflow sat til auto (se her: http://www.w3schools.com/Css/pr_pos_overflow.asp). Din CSS er også lidt rodet og mystisk, det ville nok hjælpe hvis du lige gik den igennem en gang :D.
Anyway så er det ikke for at svine din kode til at jeg gør dig opmærksom på dine fejl, jeg gør det for at hjælpe dig med at lave en bedre kode ;)

Og hvis der er noget du ikke forstår, så bare spørg.



Indlæg senest redigeret d. 18.08.2009 22:27 af Bruger #10113
Hejsa. Jeg vil gerne takke for kritikken.

Men i Google Chrome ser det helt fint ud!

Hvad gør "block" i java script?



Hejsa. Jeg vil gerne takke for kritikken.

Men i Google Chrome ser det helt fint ud!

Hvad gør "block" i java script?

Den sætter elementes display attribut til block. Se her: http://www.w3schools.com/css/pr_class_display.asp



Indlæg senest redigeret d. 19.08.2009 15:48 af Bruger #10113
Hejsa. Jeg vil gerne takke for kritikken.

Men i Google Chrome ser det helt fint ud!

Hvad gør "block" i java script?

Den sætter elementes display attribut til block. Se her: http://www.w3schools.com/css/pr_class_display.asp


Okay.
Jeg prøvede med det nye Javscript, der skete intet.

Og skiftede #button img { .... } til #button none { .... }



Indlæg senest redigeret d. 20.08.2009 18:00 af Bruger #15047

Okay.
Jeg prøvede med det nye Javscript, der skete intet.

Og skiftede #button img { .... } til #button none { .... }

Det er heller ikke det du skal. Du skal ændre id'et button1s display attribut til none. Sådan:
Fold kodeboks ind/udCSS kode 




Hejsa tak for svaret! Jeg fik det med center til at virke! Helt uden problemer, men jeg kan sku ikke lige få det med den box der til at passe. Den vil ikke rykkes ud fra midten af?

Har prøvet med left: 500px;, men den rykker sig ikke. Dog virker width og height.



Indlæg senest redigeret d. 24.08.2009 18:23 af Bruger #15047
<< < 12 > >>
t