HJÆLP MED PROGRAMMERINGS PROBLEM

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Besvar
fredeforhelvede
Begynder
Indlæg: 1
Tilmeldt: 24. feb 2017, 06:01

HJÆLP MED PROGRAMMERINGS PROBLEM

Indlæg af fredeforhelvede » 24. feb 2017, 06:10

Hej alle.
Dette høre nok også under noget JavaScript eller noget i den dur. Men her er mit problem..

Jeg kunne godt tænke mig at vide, at når man er på forsiden af min hjemmeside (index.php) og scroller lidt ned. Så har jeg eksempelvis 6 forskellige kategorier med 2 knappe under hver kategori som hedder: Læs mere eller få tilbud.
Her er et eksempel:

TASKE
"Denne taske er meget fin"
Læs mere - få tilbud


SKO
"Denne sko er meget fin"
Læs mere - få tilbud

Hvordan laver man en kode, at når man klikker på få 'tilbud' under valgte kategori såsom "TASKE" så bliver man omstillet til tilbuds siden (tilbud.php) hvor den så automatisk scroller ned på tilbud.php under den valgte kategori "TASKE".

Kunne forestille mig det har noget med <div> at gøre, men har ingen anelse om, hvordan det skal kodes sammen?

Håber nogen forstår og ville hjælpe eller har sådan en kode :)

jepperask
Geni
Geni
Indlæg: 378
Tilmeldt: 4. nov 2012, 17:57

Re: HJÆLP MED PROGRAMMERINGS PROBLEM

Indlæg af jepperask » 24. feb 2017, 19:52

Du kan benytte "fragments".

Nedenfor har jeg indsat et eksempel, med 3 knapper. Trykker du på en af dem, kan du se at URL'en opdateres til /dinfil.php#first, /dinfil.php#second, /dinfil.php#third.
Så definer på destinations-siden at de forskellige segmenter har et ID, og send så brugeren over til destinations-siden, hvor du har sat fragmentet til at være #sko, #taske eller hvad du vil. Giver det mening?

Kode: Vælg alt


<ul class="nav navbar-nav">
   <li><a href="#first">First</a></li>
   <li><a href="#second">Second</a></li>
   <li><a href="#third">Third</a></li>
</ul>


Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
<p id="first">First</p>

Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
<p id="second">Second</p>

Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
<p id="third">Third</p>

Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>
Test <br/>

Besvar