Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Jquery ändra bild om nytt inlägg?

Skapad av ThLoser, 2014-09-17 13:08 i Webbutveckling & Programmering

3 788
13 inlägg
0 poäng
ThLoser
Visningsbild
P 36 Vetlanda Hjälte 72 inlägg
0
Hejsan håller på att försöka få ihop ett system, som ändrar ikonen när det är nya inlägg i databasen, men har inte en aning om vad det är jag borde använda för funktioner till detta system..

Iallafall..

Har en bild som heter book.png och en som heter book_open.png.

Så book ska vara när det inte hänt något och book_open när det är nya inlägg.


För det första borde man väl göra kollen om sidan laddas right?
Men om du nu bara sitter på startsidan och kollar då kommer ju inte load funktionen fungera, hur ska jag göra då för att få det att funka?

Kan säkerligen förklara bättre så säg till om det är något ni inte förstår så ska jag göra mitt bästa för att få fram ett bättre budskap.

Volbeat - Evelyn is the thing ! :D

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

btj
Visningsbild
P Hjälte 191 inlägg
0
använd javascript + ajax för att göra dynamiska requests till en webservice/sida som kollar om det finns nya inlägg och returnerar ett svar så att du via javascript/jquery sedan kan byta ut ikonen i realtid :)

Tillägg av btj 2014-09-17 13:12

Då behöver användaren alltså inte läsa om sidan för att det ska uppdateras utan det sker i hans webläsare, du kan ju bestämma intervallen själv hur ofta det ska ske i javascriptet.



Tillägg av btj 2014-09-17 13:13

Ugh, jag är lite otydlig ibland. Javascript funktionen för att starta en loop som kan kontinuerligt göra en koll mot en annan sida/webservice heter setInterval() bara googla på hur den fungerar :)

ThLoser
Visningsbild
P 36 Vetlanda Hjälte 72 inlägg
Trådskapare
0
Har du en aning om vad det är för funktion jag ska använda till det? Sitter och försöker hitta men har inte ens en aning om en bra söksträng att lägga så man hittar lite info :p

Volbeat - Evelyn is the thing ! :D

btj
Visningsbild
P Hjälte 191 inlägg
0
Svar till ThLoser [Gå till post]:
setInterval() googla på det



Tillägg av btj 2014-09-17 13:14

sen får du även kolla upp hur ajax fungerar om du vill göra dynamiska datahämtningar



Tillägg av btj 2014-09-17 13:14

och förlåt för alla mina ändringar, jag är tankspridd av mig och tänker aldrig på allt på en gång :) men för att sedan byta ut bilden så ändrar du bara src variabeln i elementet som håller bilden

ThLoser
Visningsbild
P 36 Vetlanda Hjälte 72 inlägg
Trådskapare
0
Svar till btj [Gå till post]:
oh tack! Får undersöka detta..

Ingen fara så länge det är samma inlägg så är det faktiskt inte så störande :D



Tillägg av ThLoser 2014-09-17 13:27

Får tillägga en grej att getInterval använder jag nu men den kör bara skriptet en gång, sen avslutas den :S

Volbeat - Evelyn is the thing ! :D

btj
Visningsbild
P Hjälte 191 inlägg
0

Svar till ThLoser [Gå till post]:
Kan det vara något i funktionen som exekveras som får scriptet att krasha? För det ska fungera utan problem :) Testa köra t.ex. setInterval(function() { alert('test'); }, 1000); så borde du få en popup en gång i sekunden.

ThLoser
Visningsbild
P 36 Vetlanda Hjälte 72 inlägg
Trådskapare
0
Svar till btj [Gå till post]:
Jag fick igång setInterval, det var klantarslet som jag är som missade att avsluta en bracket, men nu måste jag få igång den on load och det går absolut inte :P



Tillägg av ThLoser 2014-09-17 13:56

Jag hittade felet, jag hämtar ju från en annan sida med hjälp av get och det tar 2 sek eller något, därför laddas inte bilden direkt -.-

Volbeat - Evelyn is the thing ! :D

btj
Visningsbild
P Hjälte 191 inlägg
0

Svar till ThLoser [Gå till post]:
Använder du body onload eller kör du jquery varianten?

ThLoser
Visningsbild
P 36 Vetlanda Hjälte 72 inlägg
Trådskapare
0

Svar till btj [Gå till post]:
Jag körde jQuery varianten och onload, men kom fram till att det är lika bra att kolla informationen direkt från databas och ändra det :D Så nu funkar det, tack för din hjälp btj :)

Volbeat - Evelyn is the thing ! :D

btj
Visningsbild
P Hjälte 191 inlägg
0

Svar till ThLoser [Gå till post]:
Nice att du löste det och ingen fara :) Nörden i mig fäller en tår av glädje när det snackas programmering haha.

ThLoser
Visningsbild
P 36 Vetlanda Hjälte 72 inlägg
Trådskapare
0

Svar till btj [Gå till post]:
Programmering är kul speciellt när man lär sig nya saker och när det finns så bra människor som vill hjälpa till utan att dumförklara för att dom kanske är bättre eller liknande :D

Volbeat - Evelyn is the thing ! :D

btj
Visningsbild
P Hjälte 191 inlägg
0

Svar till ThLoser [Gå till post]:
Så onödigt att dumförklara folk. Alla har samma väg att gå innan dom lär sig :P

ThLoser
Visningsbild
P 36 Vetlanda Hjälte 72 inlägg
Trådskapare
0

Svar till btj [Gå till post]:
Väldigt sant väldigt sant. :D

Volbeat - Evelyn is the thing ! :D


Forum » Datorer & IT » Webbutveckling & Programmering » Jquery ändra bild om nytt inlägg?

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons