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
HJÆLP MED PROGRAMMERINGS PROBLEM
Re: HJÆLP MED PROGRAMMERINGS PROBLEM
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?
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/>