Søg
Avatar billede 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.
Avatar billede 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 ...
Avatar billede pelkjaer Nybegynder
29. maj 2003 - 01:33 #2
Scriptfejlen er en "ombytning" af body og style - skal være document.body.style.color
Avatar billede pelkjaer Nybegynder
29. maj 2003 - 01:33 #3
tricks.body.style.color bliver det så
Avatar billede 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
Avatar billede janemil Nybegynder
29. maj 2003 - 01:36 #5
>tricks.body.style.color
Virker ikke
Avatar billede pelkjaer Nybegynder
29. maj 2003 - 01:36 #6
Nej det ser jeg - men skal du ikke ha' defineret tricks?
Avatar billede roenving Novice
29. maj 2003 - 01:39 #7
tricks.style.color
Avatar billede pelkjaer Nybegynder
29. maj 2003 - 01:41 #8
<body id="tricks">
Avatar billede 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
Avatar billede 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.
Avatar billede pelkjaer Nybegynder
29. maj 2003 - 01:43 #11
Det gør den da her?
Avatar billede pelkjaer Nybegynder
29. maj 2003 - 01:43 #12
Sorry ;)
Avatar billede roenving Novice
29. maj 2003 - 01:43 #13
uff ... jeg kom et e for meget ind: document.tricks
Avatar billede roenving Novice
29. maj 2003 - 01:45 #14
<form name="tricks"  <-- den skal ændres
Avatar billede janemil Nybegynder
29. maj 2003 - 01:45 #15
document.main.style.color er vist ikke vejen frem.
document laver ged.. Eller hvad?
Avatar billede janemil Nybegynder
29. maj 2003 - 01:45 #16
Mit ID sidder på body og er main.
Avatar billede pelkjaer Nybegynder
29. maj 2003 - 01:46 #17
Du har også dine area maps til at stå i head - de skal ned i body
Avatar billede 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 ...
Avatar billede janemil Nybegynder
29. maj 2003 - 01:49 #19
Sorry balladen, men jeg vil have det til at virke på body tagget.
Avatar billede 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)
Avatar billede roenving Novice
29. maj 2003 - 01:49 #21
tricks.style.color >>01:39:10
Avatar billede 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
Avatar billede janemil Nybegynder
29. maj 2003 - 01:56 #23
Glemt tricks - det skal virke på body id=main
Forstår ikke de 2 sidste.
Avatar billede janemil Nybegynder
29. maj 2003 - 02:01 #24
Virker her http://www.fotokritik.dk/kritik.html?pic=1328
Avatar billede 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
Avatar billede roenving Novice
29. maj 2003 - 02:07 #26
-- det shortcut til style.color var jeg ihvertfald ikke opmærksom på ...
Avatar billede janemil Nybegynder
29. maj 2003 - 02:10 #27
Virker vist ikke
Avatar billede 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 ...
Avatar billede janemil Nybegynder
29. maj 2003 - 02:12 #29
Det har jeg skrevet
Avatar billede 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
Avatar billede 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.
Avatar billede 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...
Avatar billede 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.
Avatar billede 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&nbsp;Søborg, tlf:
        22&nbsp;28&nbsp;45&nbsp;69, mail: <A href="mailto:info@webmasteren.dk">info@webmasteren.dk</A><BR>
        Alle billeder © Jan Emil Christiansen<br>
        <br></div>
    </td>
Avatar billede 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
Avatar billede janemil Nybegynder
29. maj 2003 - 02:25 #36
kigger videre i morgen - pt mange tak
Avatar billede roenving Novice
29. maj 2003 - 02:27 #37
oki ;-)
Avatar billede 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.
Avatar billede 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 .-)
Avatar billede 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
Avatar billede janemil Nybegynder
29. maj 2003 - 07:00 #41
Lig lige nogle svar, så i kan få jeres points for det hårde arbejde.
Avatar billede 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
Avatar billede 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.
Avatar billede roenving Novice
30. maj 2003 - 00:03 #44
Øv ;-|
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 08:39 Produktnøgle Af hkv i Office & Kontorpakker
I går 16:59 Bitlocker Af nico i Windows
12/1116:30 Wlan i windows 11 home Af dcedata1977 i Windows
11/1121:19 Irriterende ikon på proceslinjen Af ErikHg i Windows
11/1116:33 Kan man slippe af med "msn" ? Af Ikke-ekspert i Windows
White papers
Flere white papers »