Notifikationer

Markér alle som læst Log ud

jesper-madsen Nybegynder

27. juli 2005 - 23:49 Der er 20 kommentarer og
1 løsning

JS: Kan ikke komme videre i mit script.

Hey, jeg er igang med et script til at give en vurdering.
Når man trykker på " > " skal den give sætte baggrunden til en anden bg.. og hvis man trykker " < " skal den fjerne den forrige man satte..

Forstår i?
har prøvet, men i kan se efter man har trykket én gang, så vil den ikke give et tak mere.

http://www.tower.dk/test_KOMMENTAR.htm

Synes godt om

softspot Forsker

27. juli 2005 - 23:54 #1

Det er fordi du har hardcoded værdien 1 ind i kaldet til satVurdering. Det skal du have liggende i en variabel som du kan ændre hver gang der trykkes frem og tilbage...

Synes godt om

jesper-madsen Nybegynder

27. juli 2005 - 23:59 #2

Nemlig, lavede kun dette eksempel for at vise hvad jeg mener.
Kan du hjælpe mig igang?

Synes godt om

softspot Forsker

28. juli 2005 - 00:00 #3

Noget i stil med:

<script>
var aktVurdering = 1;
function satVurdering(direction)
{
document.getElementById(aktVurdering).style.backgroundColor = '#D5E5B8';
if(direction > 0 && aktVurdering < 7) // fremad
aktVurdering++;
else if(direction < 0 && aktVurdering > 0) // bagud
aktVurdering--;
}
</script>

og skal så blot kaldes som:
onclick="satVurdering(1)"

for at flytte fremad, og:
onclick="satVurdering(-1)"

for at flytte bagud. onclick skal naturligvis kobles på et HTML-element som du har gjort allerede (spøjst valg af element i øvrigt - font)...

Funktionen stopper flytning når enden nås. Sig til hvis du har brug for en anden funktionalitet ifht. flytning :)

Synes godt om

softspot Forsker

28. juli 2005 - 00:02 #4

Så kan du jo passende kalde satVurdering på onload for at initiere markeringen.

<body onload="satVurdering(0)">

...

</body>

Synes godt om

jesper-madsen Nybegynder

28. juli 2005 - 00:03 #5

http://www.tower.dk/test_KOMMENTAR.htm - se nu.. når jeg går < tilbage så tager den et takt op istedet? :|

Synes godt om

softspot Forsker

28. juli 2005 - 00:06 #6

Hmm... du skal nok lige sætte grænseværdierne i satVurdering lidt anderledes så den ikke løber over ende...

<script>
var aktVurdering = 1;
function satVurdering(direction)
{
if(direction > 0 && aktVurdering < 6) // fremad
aktVurdering++;
else if(direction < 0 && aktVurdering > 1) // bagud
aktVurdering--;

if(document.getElementById(aktVurdering))
document.getElementById(aktVurdering).style.backgroundColor = '#D5E5B8';
}
</script>

Jeg synes også lige der var behov for at ændre lidt på rækkefølgen af check og tildeling... ellers ville man ikke kunne se en effekt første gang man klikkede. Desuden har jeg lagt et lille check ind for at kontrollere om elementer findes inden jeg ændrer på dets style (ellers risikerer man bare en script-fejl).

Synes godt om

jesper-madsen Nybegynder

28. juli 2005 - 00:07 #7

Hmm, ved ikke om det er dig eller mig som er forkert på den.
Jeg mener når man trykker på " < " skal den lave baggrunden til "#eeeeee" ..
hmm, altså den anden vej, og ikke fremad :)

Synes godt om

softspot Forsker

28. juli 2005 - 00:11 #8

Jeg får en scriptfejl når jeg trykker på pilene.

Prøv at omdøbe parameteren direction til iDir eller noget i den stil (jeg er lidt i tvivl om hvorvidt der er et navnesammenfald med noget foruddefineret)...

Synes godt om

softspot Forsker

28. juli 2005 - 00:15 #9

Jeg har lige haft det igennem en lokal test og jeg er kommet frem til denne løsning (som fungerer på min maskine :)):

<script>
var aktVurdering = 1;
function satVurdering(direction)
{
if(document.getElementById(aktVurdering))
document.getElementById(aktVurdering).style.backgroundColor = '#EEEEEE';

if(direction > 0 && aktVurdering < 6) // fremad
aktVurdering++;
else if(direction < 0 && aktVurdering > 1) // bagud
aktVurdering--;

if(document.getElementById(aktVurdering))
document.getElementById(aktVurdering).style.backgroundColor = '#D5E5B8';
}
</script>

Synes godt om

jesper-madsen Nybegynder

28. juli 2005 - 00:15 #10

Prøv opdatere siden. Hvilken browser kører du i? Det virker fint hos mig (IE)

Synes godt om

softspot Forsker

28. juli 2005 - 00:16 #11

Det første baggrundsfarveskift nulstiller den nuværende aktive celle og den sidste sætter den nye. Det skulle gerne give en illusion af flytning...

Synes godt om

softspot Forsker

28. juli 2005 - 00:16 #12

IE 6.0

Synes godt om

jesper-madsen Nybegynder

28. juli 2005 - 00:18 #13

Hmm, hos mig virker det fint. Men det som ikke virker af den ikke gider at gå den anden vej.. Når man trykker på " > " går den fint den vej, men når man trykker på " < " bliver den bare stående.

Synes godt om

softspot Forsker

28. juli 2005 - 00:22 #14

hmm... har du prøve den sidste stump kode jeg postede?

Synes godt om

jesper-madsen Nybegynder

28. juli 2005 - 00:23 #15

yup, tjek kildekoden!

Synes godt om

softspot Forsker

28. juli 2005 - 00:26 #16

Ja, der kan jeg se at du _ikke_ har brugt den sidste :)

Jeg er blevet lidt i tvivl om hvilken effekt du er ude efter, men jeg fornemmer at baren skal udvide sig hvis man trykker pil til højre, dvs. et spring fra 1 til 2 betyder at 1 og 2 er markeret og et spring fra 2 til 1 betyder at baggrunden på 2 skal sættes tilbage til #eeeeee... Hvis det er den effekt du ønsker skal du benytte flg. script:

<script>
var aktVurdering = 1;
function satVurdering(iDir)
{
if(document.getElementById(aktVurdering) && iDir < 0)
document.getElementById(aktVurdering).style.backgroundColor = '#EEEEEE';

if(iDir > 0 && aktVurdering < 6) // fremad
aktVurdering++;
else if(iDir < 0 && aktVurdering > 1) // bagud
aktVurdering--;

if(document.getElementById(aktVurdering))
document.getElementById(aktVurdering).style.backgroundColor = '#D5E5B8';
}
</script>

Synes godt om

jesper-madsen Nybegynder

28. juli 2005 - 00:28 #17

Ah, tak.. Kan du lave sådan den laver en "hidden" med det man skrev? fx. 1, 2, 3, 4, 5, 6 sådan man senere kan få det frem via. $_POST[du_skrev] ? :) - også smid lige svar!

Synes godt om

softspot Forsker

28. juli 2005 - 00:43 #18

Skift din funktion ud med flg.:

<script>
var aktVurdering = 1;
function satVurdering(iDir)
{
if(document.getElementById(aktVurdering) && iDir < 0)
document.getElementById(aktVurdering).style.backgroundColor = '#EEEEEE';

if(iDir > 0 && aktVurdering < 6) // fremad
aktVurdering++;
else if(iDir < 0 && aktVurdering > 1) // bagud
aktVurdering--;

if(document.getElementById(aktVurdering))
document.getElementById(aktVurdering).style.backgroundColor = '#D5E5B8';

document.getElementById("du_skrev").value = aktVurdering;
}
</script>

og tilføj flg. formular et eller andet sted på din side:
<form name="frm">
<input type="hidden" name="du_skrev" id="du_skrev" value="1">
</form>

Du skal så også have en eller anden submit-knap eller et funktionskald til document.forms["frm"].submit() flettet ind et eller andet sted på siden... men det har du sikkert styr på :)

Synes godt om

softspot Forsker

28. juli 2005 - 00:45 #19

Husk din sumitknap skal ligge indenfor formularen, hvis det skal fungere korrekt :)

Synes godt om

jesper-madsen Nybegynder

28. juli 2005 - 00:47 #20

Jeps, og mange tak for hjælpen!

Synes godt om

softspot Forsker

28. juli 2005 - 00:54 #21

Det var så lidt og tak for point :)

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	03/05/202613:59
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