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

Hemsida

Skapad av Maackaan, 2011-11-02 16:47 i Webbutveckling & Programmering

4 902
18 inlägg
1 poäng
Maackaan
Visningsbild
P 29 Tumba Hjälte 297 inlägg
2011-11-02 16:47
1
Nu är det så att jag håller på en en liten hemsida, det jag då har är en sida som ser ut såhär:
Forum image

Tillägg av Synt-Hare 2011-11-02 16:53

Hoppsan, jag förstörde hela inlägget. Förlåt :$



Tillägg av Maackaan 2011-11-02 17:26

Svar: Synt-Hare=Det är lungt, haha

Jo, min fråga är hur man gör så att när man trycker på länkarna så uppdateras innehållet i den vita rutan, behöver jag lägga in designen i varje .html fil jag gör då eller finns det något smidigare sätt?

Ingen status

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

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

SkalmanOnDrugs
Visningsbild
P 35 Göteborg Hjälte 2 758 inlägg
2011-11-02 17:36
0
Svar till Maackaan [Gå till post]:
Javascript med jQuery funkar.

Exempel:

$('#gurka').live({
click: function(){
$('#banan').load('hej.ihtml');
}
});

Koden gör så att när man klickar på elementet med id 'gurka' så kommer diven med id 'banan' loadas med innehållet av filen hej.ihtml

Det du behöver göra är att helt enkelt ha likadana koder för ALLA länkar i en separat js-fil som du importar i ditt html dokument. Glöm inte att även importa jQuery. Såhär:

[removed]
[removed]



Tillägg av SkalmanOnDrugs 2011-11-02 17:40

Okej nvm det gick visst inte att visa för att forumet deletar det jag skriver x) Kan skicka PM om du behöver



Tillägg av SkalmanOnDrugs 2011-11-02 17:43

Edit: Tror jag förstår bättre nu vad det är du vill x) Ska den visa rutan alltid visa samma sak och du vill undvika att behöva upprepa samma text i varje html fil? Testa include isf.

<?php
include("enFil.html");
?>

Du måste konstruera ytterligare pyloner

Direktlänk Svara på inlägg Gästbok
Skicka
lurredurre
Visningsbild
P Hjälte 2 107 inlägg
2011-11-02 17:38
0

Svar till Maackaan [Gå till post]:
Du kan lägga all CSS i en extern CSS-fil

Lägg detta i <head>
Ett stycke css-kod:
<link rel="stylesheet" type="text/css" href="http:därduhardinhemsida.se/style.css">


Mer info där → http://www.tizag.com/cssT/external.php

Lycka till :D

Hej!

Direktlänk Svara på inlägg Gästbok
Skicka
Maackaan
Visningsbild
P 29 Tumba Hjälte 297 inlägg
Trådskapare
2011-11-02 17:57
0
Svar till SkalmanOnDrugs [Gå till post]:
Nej utan att vita rutan där det nu står
MassaRandomText1
-||-2
-||-3
Ska det när du trycker på info stå "information- blabla"
när du trycker på kontakt stå "0701111111"-"blabla@företag.se"
o.s.v



Tillägg av Maackaan 2011-11-02 17:58

Svar till Hurulv [Gå till post]:
Tack

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Maackaan
Visningsbild
P 29 Tumba Hjälte 297 inlägg
Trådskapare
2011-11-02 18:02
0
Svar till Hurulv [Gå till post]:
Jaha, det blir på det sättet, hade tänkt mig ungefär så, bara att nu kommer jag fortfarande behöva copy&paste; länkarna och det, eftersom de inte ligger i själva style.css filen, menade om det går att använda hela .html filen som ett template, bara att man editade texten i rutan?



Tillägg av Maackaan 2011-11-02 18:03

Om möjligt ett script som gör att du hela tiden stannar på /index.html men att texten i rutan laddas om, borde väl gå med PHP har jag för mig

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Kulan
Visningsbild
P 27 Hjälte 540 inlägg
2011-11-02 23:16
0
Varför inte skriva "all rights reserved" på svenska, när du väl håller på med en svensk sida ? :)

Tillägg av Choklad-Banan 2011-11-02 23:17

Off-topic, sorry.. :/

yolo

Direktlänk Svara på inlägg Gästbok
Skicka
Maackaan
Visningsbild
P 29 Tumba Hjälte 297 inlägg
Trådskapare
2011-11-05 10:17
0
Svar till SkalmanOnDrugs [Gå till post]:
Ja, du får jättegärna skicka PM med hur man för in jquery.

Men en sak jag inte förstår, hur länkar jag en länk till ett visst script? Alltså, ska länken peka på
"link.js" med innehållet $('#gurka').live({
click: function(){
$('#banan').load('hej.ihtml');
}
});
?

Och behöver jag använda annorlunda ID's (gurka&banan;) för varje länk?

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Kulan
Visningsbild
P 27 Hjälte 540 inlägg
2011-11-05 10:22
0
Svar till Maackaan [Gå till post]:
(Javascript) Man kan skapa en funktion som sen pekar mot tex: en div som har id(gurka) .

sen kan du inkludera [removed][removed]

så att den kan hitta filen och sedan din funktion som ligger i den .

hoppas det inte blev krånligt för dig nu :/



Tillägg av Choklad-Banan 2011-11-05 10:24

Edit: Forumet vill inte ha min text här ..

inkludera: [CODE][removed][removed]

och sen din jquery fil: [removed][removed]
[/CODE]



Tillägg av Choklad-Banan 2011-11-05 10:25

Nehepp.. Men du inkluderar javascript filen där dina funktioner ligger på sidan ..
och din jquery.js fil :)

yolo

Direktlänk Svara på inlägg Gästbok
Skicka
Maackaan
Visningsbild
P 29 Tumba Hjälte 297 inlägg
Trådskapare
2011-11-05 10:29
0
Svar till Choklad-Banan [Gå till post]:
Hm, det ser relativt krångligt ut, kanske bara jag som krånglar ihop allting nu, men jag ska alltså binda ex. texten "kontakt" till ett javascript som laddar filen "kontakt.js" ?

(Ifall du har lust skulle du kunna skriva ihop ett snabbt exempel med en fungerande länk)



Tillägg av Maackaan 2011-11-05 10:29

Skicka förresten i PM om alla [removed] var något viktigt

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Kulan
Visningsbild
P 27 Hjälte 540 inlägg
2011-11-05 10:34
0
Svar till Maackaan [Gå till post]:
Har du jquery.js fil ? annars inte gå in på denna sida och kopiera all text och spara den som jquery.js och lägg den sedan i din mapp där du har dina andra filer (till att börja med)



Tillägg av Choklad-Banan 2011-11-05 10:34

Sidan: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

yolo

Direktlänk Svara på inlägg Gästbok
Skicka
Maackaan
Visningsbild
P 29 Tumba Hjälte 297 inlägg
Trådskapare
2011-11-05 10:37
0

Svar till Choklad-Banan [Gå till post]:
jquery.js (versionen 1.7) laddade jag ner, så den har jag :)

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Kulan
Visningsbild
P 27 Hjälte 540 inlägg
2011-11-05 10:49
0

Svar till Maackaan [Gå till post]:
Vänta lite jag ska bara lägga upp koden på pastebin nu .. Sidan är typ nere så du får vänta lite :)

yolo

Direktlänk Svara på inlägg Gästbok
Skicka
Kulan
Visningsbild
P 27 Hjälte 540 inlägg
2011-11-05 11:24
0
Här kommer en exempel kod:

http://pastebin.com/kgmyzR35

// Pastebin låg nere så jag fick vänta lite .. -.-

Men aja läs på lite på Jquery så fattar du mer, Och kolla igenom koden jag gav dig nu så du fattar vad den gör .. :)

Tillägg av Choklad-Banan 2011-11-05 11:25

Jahopp, Nu ligger den nere igen -.- ..



Tillägg av Choklad-Banan 2011-11-05 11:33

Nu är den uppe igen (Hoppas den håller) Kolla in koden nu ! :)

yolo

Direktlänk Svara på inlägg Gästbok
Skicka
Maackaan
Visningsbild
P 29 Tumba Hjälte 297 inlägg
Trådskapare
2011-11-06 17:28
0
Hm, har tänkt lite mer på det hära och då undrar jag om någon vet hur jag lyckas med detta:

Om jag har hela stilen och så i den vita rutan så har jag ex.
<?php
include("home.html");
?>

Sen när man trycker på knappen "Info" så ändrar den det till

<?php
include("info.html");
?>

osv, osv, någon som har en idé ?

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Maackaan
Visningsbild
P 29 Tumba Hjälte 297 inlägg
Trådskapare
2011-11-06 20:16
0
Lär väl behövas lite Javascript antar jag, men det är chill då jag har koll på jquery osv

Ingen status

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

Forum » Datorer & IT » Webbutveckling & Programmering » Hemsida

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