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

Html/css - ändra endast section?

Skapad av Didajosse, 2013-03-21 20:44 i Webbutveckling & Programmering

1 749
6 inlägg
0 poäng
Didajosse
Visningsbild
F 29 Göteborg Hjälte 658 inlägg
0
Hej! Jag håller på med en hemsida min kompis ska använda i sitt gymnasiearbete. Den innehåller en meny med diverse undersidor där många ska vara styling-inlägg (alltså smink och sånt tjejigt). Just nu har jag gjort ett html-dokument för varje inlägg, men jag önskar kunna göra något fiffigt som endast ändrar innehåll i "section-rutan" när man trycker på en länk, istället för att länka till en ny htmlsida som innehåller exakt samma htmlkod förutom lite text och en bild inuti en sectiontag.

Kan väldigt lite javascript, men jag antar att det är det jag behöver använda mig av? Kan någon berätta hur jag ska göra - om det finns ett smart sätt att göra det på? Tänker att det borde finnas något sätt i o med att majoriteten av alla hemsidor är uppbyggda på typ samma sätt (dvs, samma header, navmeny, etc. på flera undersidor. Inte gör väl alla på samma klumpiga sätt som jag?)

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

Guitarman
Visningsbild
P 30 Hjälte 6 576 inlägg
0
Jag skulle ju spara varje inlägg i en databas och hämta ut.
Då är det snarare PHP+MySQL(Eller annan databas). Det är det vanliga sättet.

Alternativt kan du ju använda Javascript för att kanske hämta ut text från.. textfiler?

Så varje gång hon gör ett inlägg så skriver hon texten, skickar till dig, och du lägger upp?

Hajj på dajj

Didajosse
Visningsbild
F 29 Göteborg Hjälte 658 inlägg
Trådskapare
0
Svar till Guitarman [Gå till post]:
Hmm... håller precis på och lär mig php och mysql. Kan ytterst lite än så länge.. men smart! Om hemsidan blir en riktig (än så länge är det bara dokument som jag delar med henne i dropbox.. haha) så ska jag fixa det.

Japp. Än så länge. Jag har inte orkat fixa så hon kan göra det själv. Hon kan absolut ingenting om html/css/php/etc., så det krävs rätt mycket av mig för att förklara hur hon ska göra (även om hon bara ska gå in i ett dokument och ändra i en text).

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0
Svar till Didajosse [Gå till post]:
Antingen sätter du upp en simpel databas och lär dig lite php, eller så kollar du på en JavaScript/jQuery tab-guide. Eftersom det inte lät blodigt-allvar-seriöst så skulle jag nog fokusera på js, då detta bör gå snabbt och smidigt att fixa.

Bra-att-ha-länkar om jQuery tabs:
http://jqueryui.com/tabs/
http://speckyboy.com/2010/09/08/30-css-and-javascript-tabs-solutions/

Och om du känner att du behöver läsa på lite om Javascript innan du börjar kan du kolla in http://www.codecadamy.com eller mdn.com
http://www.codecademy.com/tracks/javascript
https://developer.mozilla.org/en-US/docs/JavaScript/Guide

Herp

Tvillingen
Visningsbild
P 31 Hjälte 3 117 inlägg
0
Satt och hjälpte några i klassen med att fixa en sida till deras projektarbete och hade inget annat än html och javascript att tillgå, så då gjorde jag den här lösningen. Nu passar den nog inte ditt behov riktigt då du har undersidor också, men lär ändå vara en bit på vägen.

För att den här koden ska fungera så krävs en mapp som heter pages där alla sidor med själva innehållet ligger. Menyn får du ändra alla värden i så att data-page innehåller filnamnet på filen som ska laddas och page-title där titeln på sidan är.

..
index.html - huvudsidan med all design
handlepage.js - javascriptfilen som hanterar allt
pages/
..index.html
..about.html

HTML (index.html)
http://pastebin.com/r9S2DXm3

Javascript (handlepage.js)
http://pastebin.com/yVW7rFGg

Lagt in kommentarer i koden så kanske det blir lite lättare att förstå. Vilket som är inte det här någon jättebra lösning, så databas och ett språk på serversidan är att föredra. En till nackdel med det här är att det inte fungerar alls om man inte har javascript aktiverat (:

Jag är ond!

Didajosse
Visningsbild
F 29 Göteborg Hjälte 658 inlägg
Trådskapare
0
Svar till csols [Gå till post]:





Tack ska ni ha! Just nu är det lite bråttom med att göra klart den så att hon kan visa upp den för sin lärare. Men om läraren tycker den är bra så kommer hon kanske vilja lägga upp den som en riktigt hemsida, och då måste jag ju fixa något bättre system. Så då ska jag absolut ta hjälp av detta! :)

Forum » Datorer & IT » Webbutveckling & Programmering » Html/css - ändra endast section?

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