Just nu i M3-nätverket
Gå till innehåll
Niss3

Göm/visa med PHP?

Rekommendera Poster

Niss3

Hej!

 

Jag har en nummerlista (placeringar) med datum eller tid intill.

 

Ser ungefär ut såhär:

1. Niss3, finished 2015-03-06 16:49:12
2. test, finished 2015-03-06 18:12:33
3. hej, finished 2015-03-31 22:16:40
4. fast, finished 2015-04-19 20:21:35
5. aaa, finished 2015-04-26 18:51:26
 
Kan jag med PHP göra så att endast "namnen" visas, och sedan med en knapp "Visa tider" ändra så att tiderna också visas?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Cluster

Jovisst kan du det men det är både enklare, snyggare och mer effektivt att göra det på klientsidan (m.a.o med javascript).

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B
		
<ol>
	<li>Niss3<span class="toggleHide hidden">, finished 2015-03-06 16:49:12</span></li>
	<li>test<span class="toggleHide hidden">, finished 2015-03-06 18:12:33</span></li>
	<li>hej<span class="toggleHide hidden">, finished 2015-03-31 22:16:40</span></li>
	<li>fast<span class="toggleHide hidden">, finished 2015-04-19 20:21:35</span></li>
	<li>aaa<span class="toggleHide hidden">, finished 2015-04-26 18:51:26</span></li>
</ol>
<button onclick="toggle_visibility('toggleHide ');">Visa / dölj tidsinformation</button>
<style>
	.hidden{visibility:hidden}
</style>
<script>
function toggle_visibility(cl){
	var elm = document.getElementsByClassName(cl);
	for(var i=0; i<elm.length; ++i){
		var s = elm[i].style;
		if(elm[i].classList.contains('hidden')){
			elm[i].classList.remove('hidden');
		}
		else{
			elm[i].classList.add('hidden');
		}
	};
}

</script>

Så här skulle man kuna göra med javascript.

Om man använder jQuery är det lite simplare. :)

function toggle_visibility(cl){
  $('.'+cl).toggleClass('hidden');
}

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...