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

JavaScript Maskot =)

Skapad av David, 2008-07-21 11:51 i Webbutveckling & Programmering

567
28 inlägg
0 poäng
David
Visningsbild
P Hjälte 1 555 inlägg
2008-07-21 11:51
0
Jag ska göra en maskot på min hemsida (samma funktion som steve)
Men jag undrar hur man får maskotens goda råd i ett popup fönster (lika som steve)

Här är maskotens kod:
Ett stycke html-kod:

<head>
<script type="text/javascript">
var citat = new Array(
"Citat 1.",
"Citat 2.",
"Citat 3.",
"Citat 4.",
"Citat 5.");
document.write(citat[Math.floor(Math.random()*citat.length)]);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maskot</title>
</head>

<body>
</body>
</html>


Här är koden där maskotens bild är som man kan klicka på:

Ett stycke html-kod:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CurryP</title>
</head>

<body>
<a href="maskot.html"><img src="../../../../All Users/Dokument/curryp/maskot/abc.jpg" width="30" height="30" /></a>
</body>
</html>

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka

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

Holger
Visningsbild
Tönt 44 inlägg
2008-07-21 11:57
0
Testa byta ut document.write() mot alert().

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-21 12:03
0
Det hade varit smartare att lägga javascriptet i Body i samma html-fil som bilden.
Och så sätter du t.ex. "function maskot()" i början på Javascriptet, och byter i länken på maskoten ut "maskot.html" till "maskot()" :P

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka
David
Visningsbild
P Hjälte 1 555 inlägg
Trådskapare
2008-07-21 12:12
0

Svar till Klas-Kenny [Gå till post]:

Hur menar du ? :S

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-21 12:21
0
Svar till David [Gå till post]:

Att nu när man klickar på din maskot, kommer man till en annan sida.

Du borde göra en "trigger" till javascriptet som utlöser det, på sidan du redan är på :)

Ett stycke html-kod:
<body>
<script type="text/javascript">
var citat = new Array(
citat[1] = 'Citat 1.';
citat[2] = 'Citat 2.';
citat[3] = 'Citat 3.';
citat[4] = 'Citat 4.';
citat[5] = 'Citat 5.';

var quote = Math.round(Math.random()*(citat.length-1));

function maskot()
{
       alert (citat[quote]);
}
</script>
<img src="../../../../All Users/Dokument/curryp/maskot/abc.jpg" width="30" height="30" onclick="maskot()" />
</body>



Skapa en sådan html-fil :)

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka
David
Visningsbild
P Hjälte 1 555 inlägg
Trådskapare
2008-07-21 12:26
0

Svar till Klas-Kenny [Gå till post]:

När jag klickar på maskoten kmr det här upp:

Firefox kan inte hitta filen på /C:/Documents and Settings/David/Skrivbord/JavaScript/Maskot/maskot()

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-21 12:30
0

Svar till David [Gå till post]:

Skapa html-filen i mitt förra inlägg. Fixade till den lite :)

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka
David
Visningsbild
P Hjälte 1 555 inlägg
Trådskapare
2008-07-21 12:35
0

Svar till Klas-Kenny [Gå till post]:
Asså nu är felet...
Det går inte att klicka på bilden :S


Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
David
Visningsbild
P Hjälte 1 555 inlägg
Trådskapare
2008-07-21 12:38
0
Svar till Rambutan [Gå till post]:

När jag använder ditt kmr det här upp i firefox:

var citat = new Array( "Citat 1.", "Citat 2.", "Citat 3.", "Citat 4.", "Citat 5." } function maskot() { alert(citat[Math.floor(Math.random()*citat.length)]); } window.onload = function() { document.getElementById('maskot').onclick = 'maskot()'; }

efter det är den lilla maskoten som inte går att klicka på =(

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
David
Visningsbild
P Hjälte 1 555 inlägg
Trådskapare
2008-07-21 12:51
0

Svar till Rambutan [Gå till post]:

Nu kmr det upp maskoten men det går inte att klicka på den :S

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-21 12:55
0

Svar till David [Gå till post]:

Ett stycke html-kod:
<body>
<script type="text/javascript">
var citat = new Array(
citat[1] = 'Citat 1.';
citat[2] = 'Citat 2.';
citat[3] = 'Citat 3.';
citat[4] = 'Citat 4.';
citat[5] = 'Citat 5.';

var quote = Math.round(Math.random()*(citat.length-1));

function maskot()
{
       alert (citat[quote]);
}
</script>
<a onclick="maskot()"><img src="../../../../All Users/Dokument/curryp/maskot/abc.jpg" width="30" height="30"  /></a>
</body>



Så då? XD

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka
David
Visningsbild
P Hjälte 1 555 inlägg
Trådskapare
2008-07-21 12:58
0

Svar till Klas-Kenny [Gå till post]:

Går inte att klicka :S
Snart får jag ADHD xD

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-21 13:00
0

Svar till David [Gå till post]:

Men vafan.. Vänta lite, jag ska se om jag kan hitta lösningen..

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-21 13:10
0
Ett stycke html-kod:
<body>
<script type="text/javascript">
var citat = new Array();
citat[1] = 'Citat 1.';
citat[2] = 'Citat 2.';
citat[3] = 'Citat 3.';
citat[4] = 'Citat 4.';
citat[5] = 'Citat 5.';

var quote = Math.round(Math.random()*(citat.length-1));

function maskot()
{
       alert (citat[quote]);
}
</script>
<img width="30" height="30" onclick="maskot()" src="../../../../All Users/Dokument/curryp/maskot/abc.jpg"/>
</body>


Det där SKA funka.

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka
David
Visningsbild
P Hjälte 1 555 inlägg
Trådskapare
2008-07-21 13:13
0
Svar till Klas-Kenny [Gå till post]:

Nu ser man maskoten och det går att klicka men när man klickar står det: Undefined i popup rutan :(

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-21 13:35
0

Svar till David [Gå till post]:

Ett stycke html-kod:
<body>
<script type="text/javascript">
var citat = new Array();
citat[0] = 'Citat 0.';
citat[1] = 'Citat 1.';
citat[2] = 'Citat 2.';
citat[3] = 'Citat 3.';
citat[4] = 'Citat 4.';
citat[5] = 'Citat 5.';

var quote = Math.floor(Math.random()*(citat.length));

function maskot()
{
       alert (citat[quote]);
}
</script>
<img width="30" height="30" onclick="maskot()" src="../../../../All Users/Dokument/curryp/maskot/abc.jpg"/>
</body>


Det är det närmsta jag lyckas komma. Det enda problemet är att sidan måste laddas om för att du ska få ett annat citat..

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka
MeshuggahX
Visningsbild
P 36 Vårgårda Hjälte 611 inlägg
2008-07-22 19:41
0

Svar till Klas-Kenny [Gå till post]:
Det löser man ju lätt genom att lägga följande rad i funktionen i stället.
Ett stycke javascript-kod:
var quote = Math.floor(Math.random()*(citat.length));


Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-22 21:51
0

Svar till MeshuggahX [Gå till post]:

Vad är skillnaden? O_o

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka
MeshuggahX
Visningsbild
P 36 Vårgårda Hjälte 611 inlägg
2008-07-22 23:02
0

Svar till Klas-Kenny [Gå till post]:
Du kommer då få ett ny siffra varje gång funktionen körs. I nuläget får du en ny siffra för varje gång dokumentet laddas.

Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-23 00:23
0

Svar till MeshuggahX [Gå till post]:

Men, Koden är exakt likadan?

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka
MeshuggahX
Visningsbild
P 36 Vårgårda Hjälte 611 inlägg
2008-07-23 00:37
0

Svar till Klas-Kenny [Gå till post]:
Men, om du lägger den raden innanför funktionen så kommer den ju inte att fungera på samma sätt. Eller hur?

Ett stycke html-kod:

<body>
<script type="text/javascript">
var citat = new Array();
citat[0] = 'Citat 0.';
citat[1] = 'Citat 1.';
citat[2] = 'Citat 2.';
citat[3] = 'Citat 3.';
citat[4] = 'Citat 4.';
citat[5] = 'Citat 5.';

function maskot() {

       var quote = Math.floor(Math.random()*(citat.length));
       alert (citat[quote]);
}
</script>
<img width="30" height="30" onclick="maskot()" src="../../../../All Users/Dokument/curryp/maskot/abc.jpg"/>
</body>


Direktlänk Svara på inlägg Gästbok
Skicka
Klas-Kenny
Visningsbild
P 31 Växjö Hjälte 12 128 inlägg
2008-07-23 00:38
0

Svar till MeshuggahX [Gå till post]:

Jaha, Du menar så :D

Det kan vara bra att veta i framtiden, tnx :)

Rätt verktyg till rätt arbete - Makaroner äts med sked.

Direktlänk Svara på inlägg Gästbok
Skicka

Forum » Datorer & IT » Webbutveckling & Programmering » JavaScript Maskot =)

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!

Rubrik

Inlägg

Fet Kursiv Spoiler Bild Film Kod Undersökning

Förhandsgranska Spara

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