Notifikationer

Markér alle som læst Log ud

janemil Nybegynder

29. maj 2003 - 01:26 Der er 43 kommentarer og
1 løsning

Skifte style

Jeg vil dynamisk ændre min font color til hvid eller sort - den er definenet i style.
Jeg vil kunne styre linkfarven dynamiske også.

http://www.freelancefotograf.dk/album/tricks.aspx?a=0&i=3&z=0&c=0

Rul lidt med dimsen under billedet. Teksten skal kunne skifte farve så den kan ses - dette gælder også links.

Synes godt om

roenving Novice

29. maj 2003 - 01:31 #1

Jeg forstår godt, at du vil have din tekst til at kunne ses, men hvis du dynamisk ændrer farve, må du have et punkt -- eller flere -- hvor vi skifter over ...

-- og så skulle du tage at preloade dine billeder, så de ikke står og henter igen hver gang -- godt nok kun første gang, det betyder noget men det ser forvirrende ud -- og så er der en script-fejl jeg ikke har kigget på endnu -- den skal helt sikkert væk ...

Synes godt om

pelkjaer Nybegynder

29. maj 2003 - 01:33 #2

Scriptfejlen er en "ombytning" af body og style - skal være document.body.style.color

Synes godt om

pelkjaer Nybegynder

29. maj 2003 - 01:33 #3

tricks.body.style.color bliver det så

Synes godt om

janemil Nybegynder

29. maj 2003 - 01:33 #4

>punkt -- eller flere -- hvor vi skifter over
Det har jeg

>preloade dine billeder
Den tid den sorg

>script-fejl
Jeg sidder jo og forsøger

Synes godt om

janemil Nybegynder

29. maj 2003 - 01:36 #5

>tricks.body.style.color
Virker ikke

Synes godt om

pelkjaer Nybegynder

29. maj 2003 - 01:36 #6

Nej det ser jeg - men skal du ikke ha' defineret tricks?

Synes godt om

roenving Novice

29. maj 2003 - 01:39 #7

tricks.style.color

Synes godt om

pelkjaer Nybegynder

29. maj 2003 - 01:41 #8

Synes godt om

roenving Novice

29. maj 2003 - 01:42 #9

Det er heller ikke så fint, at du udelader document -- den bør du sætte på overalt: docuement.tricks

Synes godt om

janemil Nybegynder

29. maj 2003 - 01:42 #10

Har sat <body id="main"> og ændret javascript. Nu er der ingen fejl den ændre bare ikke farve.

Synes godt om

pelkjaer Nybegynder

29. maj 2003 - 01:43 #11

Det gør den da her?

Synes godt om

pelkjaer Nybegynder

29. maj 2003 - 01:43 #12

Sorry ;)

Synes godt om

roenving Novice

29. maj 2003 - 01:43 #13

uff ... jeg kom et e for meget ind: document.tricks

Synes godt om

roenving Novice

29. maj 2003 - 01:45 #14

<form name="tricks" <-- den skal ændres

Synes godt om

janemil Nybegynder

29. maj 2003 - 01:45 #15

document.main.style.color er vist ikke vejen frem.
document laver ged.. Eller hvad?

Synes godt om

janemil Nybegynder

29. maj 2003 - 01:45 #16

Mit ID sidder på body og er main.

Synes godt om

pelkjaer Nybegynder

29. maj 2003 - 01:46 #17

Du har også dine area maps til at stå i head - de skal ned i body

Synes godt om

roenving Novice

29. maj 2003 - 01:46 #18

og så er det altså et form-navn, der er den nemmeste ...

jævnfør tricks-baggrundsfarve virkede ...

Synes godt om

janemil Nybegynder

29. maj 2003 - 01:49 #19

Sorry balladen, men jeg vil have det til at virke på body tagget.

Synes godt om

pelkjaer Nybegynder

29. maj 2003 - 01:49 #20

Første linje i script:

document.tricks.style.backgroundColor = 'rgb(' + lys + ',' + lys + ',' + lys + ')';

Omkring linje 50:

document.tricks.style.color = 'rgb(' +tekst+ ',' +tekst+ ',' +tekst+ ')';

Med body id="tricks" samt area maps ned i body - så virker det (er testet)

Synes godt om

roenving Novice

29. maj 2003 - 01:49 #21

tricks.style.color >>01:39:10

Synes godt om

roenving Novice

29. maj 2003 - 01:56 #22

color er ganske rigtig tekst-farven, så når du kunne få tricks.style.backgroundColor til at virke, skulle tricks.style.color også virke

Synes godt om

janemil Nybegynder

29. maj 2003 - 01:56 #23

Glemt tricks - det skal virke på body id=main
Forstår ikke de 2 sidste.

Synes godt om

janemil Nybegynder

29. maj 2003 - 02:01 #24

Virker her http://www.fotokritik.dk/kritik.html?pic=1328

Synes godt om

roenving Novice

29. maj 2003 - 02:05 #25

<body id="doc" style="background-color: #FFFFFF;" link="#000000" vlink="#000000" alink="#000000">

doc.text
doc.link
doc.vlink
doc.alink

Synes godt om

roenving Novice

29. maj 2003 - 02:07 #26

-- det shortcut til style.color var jeg ihvertfald ikke opmærksom på ...

Synes godt om

janemil Nybegynder

29. maj 2003 - 02:10 #27

Virker vist ikke

Synes godt om

roenving Novice

29. maj 2003 - 02:11 #28

Det du skal lægge mærke til er:

<body id="doc"

-- og så referencerne til doc. osv ...

Synes godt om

janemil Nybegynder

29. maj 2003 - 02:12 #29

Det har jeg skrevet

Synes godt om

roenving Novice

29. maj 2003 - 02:15 #30

Nå men hvis jeg skulle skrive det, så ville jeg angive at den korrekte måde at få fat i et element er: document.getElementById("elementId") -- og så skulle det være:

document.getElementById("tricks").style.color

Synes godt om

janemil Nybegynder

29. maj 2003 - 02:19 #31

Virker ikke.
Er der et sted du ved det virker som jeg kan se i stedet??

Glemt "tricks" - den er UDE af billedet.

Synes godt om

roenving Novice

29. maj 2003 - 02:20 #32

Prøv at lægge del del af din tekst ind i en <div id="textDiv"> og brug den id i getElement...

Synes godt om

janemil Nybegynder

29. maj 2003 - 02:21 #33

Spørgsmålet går på at jeg vil ændre noget som er defineret i min style. Der skal ikke være nogle mærkelige ting, da jeg skal bruge det mange steder.

Synes godt om

roenving Novice

29. maj 2003 - 02:21 #34

-- har ikke set lige den der før, men når den kan virke på fotokritik, såeh ...

<td align="middle"><div id="textDiv">
<br>
Jan Emil Christiansen, Buddingevej 260 st o, 2860 Søborg, tlf:
22 28 45 69, mail: <A href="mailto:info@webmasteren.dk">info@webmasteren.dk</A><BR>
Alle billeder © Jan Emil Christiansen<br>
<br></div>
</td>

Synes godt om

roenving Novice

29. maj 2003 - 02:23 #35

Hvis du ændrer style.color eller nogetsomhelst andet on-the-fly afspejles det jo ikke nogen steder andet end i style-definitionen på præcis det objekt, som browseren har i hukommelsen, så galt afsted kan du ikke komme

Synes godt om

janemil Nybegynder

29. maj 2003 - 02:25 #36

kigger videre i morgen - pt mange tak

Synes godt om

roenving Novice

29. maj 2003 - 02:27 #37

oki ;-)

Synes godt om

janemil Nybegynder

29. maj 2003 - 02:35 #38

Det var mit <LINK href="/css/style.css" type="text/css" rel="stylesheet"> som havde mest "magt", så den kunne ikke skifte.

Da det ting defineret i style jeg gerne vil skifte er jeg ikke helt glad for min løsning selvom den nok vil kunne virke.

Synes godt om

roenving Novice

29. maj 2003 - 02:46 #39

arh... måske kan det hjælpe, at definere noget på tagget... næh, prøv med runtimeStyle -- den skulle kunne klare tricket .-)

Synes godt om

roenving Novice

29. maj 2003 - 03:02 #40

Preloaderen (i princippet):

<SCRIPT language="javascript">
var imgs = new Array();

var imgs[0] = new Array();

var imgs[0]['pil_venstre'] = new Image();
imgs[0]['pil_venstre'].src='../images/pil_venstre.gif';
var imgs[0]['index'] = new Image();
imgs[0]['index'].src='../images/index.gif';
var imgs[0]['pil_hojre'] = new Image();
imgs[0]['pil_hojre'].src='../images/pil_hojre.gif';
var imgs[0]['sorthvid'] = new Image();
imgs[0]['sorthvid'].src='../images/sorthvid.gif';
var imgs[0]['zoomout'] = new Image();
imgs[0]['zoomout'].src='../images/zoomout.gif';

var imgs[1] = new Array();

var imgs[1]['pil_venstre'] = new Image();
imgs[1]['pil_venstre'].src='../images/pil_venstre.gif_w';
var imgs[1]['index'] = new Image();
imgs[1]['index'].src='../images/index.gif_w';
var imgs[1]['pil_hojre'] = new Image();
imgs[1]['pil_hojre'].src='../images/pil_hojre.gif_w';
var imgs[1]['sorthvid'] = new Image();
imgs[1]['sorthvid'].src='../images/sorthvid.gif_w';
var imgs[1]['zoomout'] = new Image();
imgs[1]['zoomout'].src='../images/zoomout.gif_w';

.
..
...

og så
if (document.images){
document.images['pil_venstre'].src=imgs[0]['pil_venstre'].src;
document.images['index'].src=imgs[0]['index'].src;
document.images['pil_hojre'].src=imgs[0]['pil_hojre'].src;
document.images['sorthvid'].src=imgs[0]['sorthvid'].src;
document.images['zoomout'].src=imgs[0]['zoomout'].src;
}

og
if (document.images){
document.images['pil_venstre'].src=imgs[1]['pil_venstre'].src;
document.images['index'].src=imgs[1]['index'].src;
document.images['pil_hojre'].src=imgs[1]['pil_hojre'].src;
document.images['sorthvid'].src=imgs[1]['sorthvid'].src;
document.images['zoomout'].src=imgs[1]['zoomout'].src;
}

.
..
...
</SCRIPT>

-- jeg har ikke selv haft brug for blandede indekseringer før -- men princippet: sæt .src på billedet lig med src på det preloadede er sagen

Synes godt om

janemil Nybegynder

29. maj 2003 - 07:00 #41

Lig lige nogle svar, så i kan få jeres points for det hårde arbejde.

Synes godt om

roenving Novice

29. maj 2003 - 12:51 #42

Jamen, har du fået det til at virke ?-)

Forøvrigt har du et par statements i koden som er uvirksomme -- et par:
tekst=0/255;
linktekst=0/255;
for hver tilfælde af lyshed.

Da tekst og linktekst under alle tilfælde sættes efter de statements bruges de altså ikke ...

Har du prøvet preloaderen ?-)

-- og så kom jeg til at tænke på, at du jo kunne sætte en selector specielt til at tage sig af den tekst, du vil have til at ændres -- à la den <span> du havde inde på et tidspunkt i nat -- det kan jo ikke skade med en speciel instans i stylesheetet:
<span class="sluttext">

og i stylesheetet
span.sluttext{
color:#000000;
}
span.sluttext a:active:hover:visited:link{
color:#000000;
text-decoration:none;
}

hth
jes

Synes godt om

janemil Nybegynder

29. maj 2003 - 23:54 #43

Ja fik det løst til sidst, men det var ikke så fedt som jeg trode. Så det er fjernet - det var dog meget lærerigt.

Synes godt om

roenving Novice

30. maj 2003 - 00:03 #44

Øv ;-|

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS