Søg
Avatar billede michaeltryl Seniormester
21. marts 2011 - 22:03 Der er 6 kommentarer og
1 løsning

problem med rating script

Jeg har følgende link som viser stjerner til et rating script

<a href="http://www.eksmpel.dk" onmouseover="document.images['1'].src='../layout/img/hover-stjerne.gif';\" onmouseout=\"document.images['1'].src='../layout/img/stjerne.gif';\"><img src=\"../layout/img/stjerne.gif\" name=\"1\" alt=\"1 stjerner\"></a>";

<a href="http://www.eksmpel.dk" onmouseover="document.images['1'].src='../layout/img/hover-stjerne.gif';\" onmouseout=\"document.images['1'].src='../layout/img/stjerne.gif';\"><img src=\"../layout/img/stjerne.gif\" name=\"1\" alt=\"2 stjerner\"></a>";

<a href="http://www.eksmpel.dk" onmouseover="document.images['1'].src='../layout/img/hover-stjerne.gif';\" onmouseout=\"document.images['1'].src='../layout/img/stjerne.gif';\"><img src=\"../layout/img/stjerne.gif\" name=\"1\" alt=\"3 stjerner\"></a>";
.... osv

jeg vil dog godt have at når man køre musen over en stjerne, markeres alle stjerne under den.
f.eks musen føres over den 5. stjerner og 1,2,3,4 markeres automatisk. Når musen fjernes skal markering af stjerne fjernes igen.
Har kigget rundt på diverse rating scripts uden at finde en løsning.
er der nogen som ved hvor jeg skal lede eller har et bud på hvad jeg skal gøre?
Avatar billede danco Nybegynder
21. marts 2011 - 22:42 #1
Du kunne jo starte med at benytte dig af name tagget til at finde ud hvilken stjerne der er markeret og derefter løbe de stjerne igennem der har et mindre tal. Det er naturligvis bare en tanke.
Avatar billede michaeltryl Seniormester
21. marts 2011 - 23:36 #2
Kunne måske godt fungere, men jeg har flere ratings på samme side, så jeg kan ikke lige regne ud hvordan jeg henter  forskellige name tag ind i samme funktion
Avatar billede danco Nybegynder
21. marts 2011 - 23:42 #3
Hvis du har de forskellige ratings i en division med et ID kan du også bare tildele dem hver en class. Så vil du kunne få alle elementer ud med den class for den division.
Avatar billede michaeltryl Seniormester
22. marts 2011 - 00:40 #4
Har ændre en del på det og forsøger mig nu med

<script language="JavaScript" type="text/JavaScript">
function colorStar(img,id) {
    img = img.alt;
    var i = 1;
    while(i <= img) {
        document.getElementById('star' + i + '_' + id).src='../layout/img/hover-stjerne.gif';
        i++;
    }
    while(i > img && i <= 5){
        document.getElementById('star' + i + '_' + id).src='../layout/img/tonet-stjerne.gif';
        i++;
    }
}
</script>

<img alt="1" id="star1_7910" src="../layout/img/stjerne.gif" onmouseover="colorStar(this,7910);" onMouseOut="colorStar(this,7910).document.images[].src='../layout/img/stjerne.gif';">

det virker fint, men hvordan får jeg
onMouseOut til at virke så den ikke viser hover-stjerne.gif når musen flyttes væk fra dem
Avatar billede danco Nybegynder
22. marts 2011 - 14:46 #5
jamen du kan bare lave en function der løber alle dine stjerner igennem og sætte dem tilbage til standard. Og så kalder den onMouseOut på billedet.
Avatar billede michaeltryl Seniormester
22. marts 2011 - 18:27 #6
Jeg ved ikke så meget om javascript, men
har forsøgt at hente det billede som er som standard med

var bgImg = document.getElementById('star' + i + '_' + id).getElementsByTagName('img')[0].src;

og ændret til
<img alt="1" id="star1_7910" src="../layout/img/tonet-stjerne.gif" onmouseover="colorStar(this,7910);" onmouseout="onMouseOut(this,7910);">

men kan ikke regne ud hvordan det sidste i functionen skal se ud andet end det er noget med
while()
{}
Avatar billede michaeltryl Seniormester
01. august 2011 - 11:22 #7
lukker
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
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
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
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
04/0409:43 AI google.com Af Peter Olsen i Andre onlineløsninger
31/0310:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
30/0312:04 Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling
29/0312:08 Problemer med replay af købte kursusvideoer Af annam i Browsere
White papers
Flere white papers »