Just nu i M3-nätverket
Jump to content

Göm/visa med PHP?


Niss3

Recommended Posts

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?
Link to comment
Share on other sites

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

Link to comment
Share on other sites

		
<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');
}
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...