Vinnaren i pepparkakshustävlingen!
  1. Dator och IT
  2. Systemutveckling
  3. PHP

Sätta en variabel med hjälp av länk / knapp

Svara
2018-10-24, 10:59
  #1
Jonas-u
Medlem
Hej.
Finns det något smidigt sätt att sätta en variabel med hjälp av antingen en <A> tagg eller <form> utan att ladda om sidan?

Kommer bli en sida med flera länkar/knappar. när jag trycker på en vill jag få upp en extra <div> fast måste kanske försäg ladda om sidan för att kunna visa diven. får lösa det med länk ankare i sådant fall.
Citera
2018-10-24, 11:23
  #2
kimdah2002
Medlem
kimdah2002s avatar
Citat:
Ursprungligen postat av Jonas-u
Hej.
Finns det något smidigt sätt att sätta en variabel med hjälp av antingen en <A> tagg eller <form> utan att ladda om sidan?

Kommer bli en sida med flera länkar/knappar. när jag trycker på en vill jag få upp en extra <div> fast måste kanske försäg ladda om sidan för att kunna visa diven. får lösa det med länk ankare i sådant fall.
Enkelt löst med javascript https://www.w3schools.com/css/tryit....css_display_js
Citera
2018-10-24, 11:26
  #3
xMax
Medlem
xMaxs avatar
Citat:
Ursprungligen postat av Jonas-u
Hej.
Finns det något smidigt sätt att sätta en variabel med hjälp av antingen en <A> tagg eller <form> utan att ladda om sidan?

Kommer bli en sida med flera länkar/knappar. när jag trycker på en vill jag få upp en extra <div> fast måste kanske försäg ladda om sidan för att kunna visa diven. får lösa det med länk ankare i sådant fall.

Förstår inte riktigt vad du menar. Låter som det är javascript du vill använda: https://jsfiddle.net/aLpkxc13/2/

Om det är att visa en div på den nya sidan som laddas kan du skicka med en parameter och sedan hantera den:
HTML-kod: 
<a href="/foo?action=open-div"></a>
eller liknande.
Citera
2018-10-24, 12:12
  #4
Jonas-u
Medlem
Tanken är att jag kommer hämta massa rubriker från en databas och lägga dom som en lång lista. När man trycker på en rubrik ska en ny div poppa upp med resterande information. Som en popupp fast ändå inte. Fast det är kanske en ide som inte går att genomföra.
Eller så blir det någon js lösning. har dock knappt använt js, så tänkte försöka låta bli
Citera
2018-10-24, 12:48
  #5
tobes
Moderator
tobess avatar
Inte helt säker på att jag förstår exakt vad det är du vill åstadkomma, men om jag uppfattade det rätt och det du efterfrågar är hur man laddar in nytt innehåll på en sida utan att behöva ladda om den, så skulle jag rekommendera att du läser på om AJAX, som är ett av sätten att möjliggöra just detta.

https://www.w3schools.com/xml/ajax_intro.asp
Citera
2018-10-24, 13:03
  #6
kimdah2002
Medlem
kimdah2002s avatar
Citat:
Ursprungligen postat av Jonas-u
Tanken är att jag kommer hämta massa rubriker från en databas och lägga dom som en lång lista. När man trycker på en rubrik ska en ny div poppa upp med resterande information. Som en popupp fast ändå inte. Fast det är kanske en ide som inte går att genomföra.
Eller så blir det någon js lösning. har dock knappt använt js, så tänkte försöka låta bli
Som sagt en kombination av js, ajax och php löser det du är ute efter.
https://www.w3schools.com/php/php_ajax_php.asp
Citera
2018-10-24, 13:17
  #7
Nich
Medlem
Det kan ju också vara aktuellt att läsa in allt innehåll från början och sedan toggla det med Javascript. Kanske inte aktuellt om det är stora mängder information du har på varje sida, då kan det vara onödigt att läsa in data som ändå inte kommer visas. Men så här kan du göra det med jQuery hur som helst:

HTML-kod: 
<article>
  <h2 class="show-more">En testrubrik</h2>
  <div class="more">
    <p>Massa text</p>
  </div>
</article>

<article>
  <h2 class="show-more">En annan rubrik</h2>
  <div class="more">
    <p>En annan text</p>
  </div>
</article>

<article>
  <h2 class="show-more">En tredje rubrik</h2>
  <div class="more">
    <p>En tredje text...</p>
  </div>
</article>

Kod: 
$( '.more' ).hide();

$( '.show-more' ).click( function() {
	$(this).next( '.more' ).toggle();
} );

Fiddle för exempel: https://jsfiddle.net/gLfjk67n/
Citera
2018-10-24, 17:02
  #8
Jonas-u
Medlem
Får väl försöka lära mig Ajax och js också. Eller tänka ut något annat sätt att rundgå det😋
Citera
Svara

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback