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

Göm/visa med PHP?


Niss3

Rekommendera Poster

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?
Länk till kommentar
Dela på andra webbplatser

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).

Länk till kommentar
Dela på andra webbplatser

		
<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');
}
Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...