Forum PHP.pl

Witam,
od razu mówię, że praktycznie nie mam pojęcia o javascripcie (IMG:style_emoticons/default/smile.gif) Chcę zrobić sobie "proste" rozwijane archiwum i próbowałem w css, ale mi się nie udawało, więc planuję spróbować w js, ale o tym już wgl nie mam pojęcia, więc zwracam się z prośbą o pomoc do Was.
Chciałbym, żeby to wyglądało tak, że jest napis "Archiwum" i jak to kliknę, to się pokazuje jakiś tam div, który był dotychczas niewidzialny i zawiera listę miesięcy z archiwum, a jak kliknę drugi raz, to z powrotem znika. Jeżeli potraficie to zrobić w css, to super, jeżeli nie, to też super, jeżeli potraficie w javascripcie (IMG:style_emoticons/default/biggrin.gif)

Czekam na pomoc i z góry dziękuję (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował Wielopol 18.03.2015, 12:39:51

Super, dzięki (IMG:style_emoticons/default/biggrin.gif) wiedziałem, że to musi być proste (IMG:style_emoticons/default/smile.gif)
A umiałbyś mi pomóc jeszcze z taką kwestią, że mam tę metkę "? Archiwum ?" i chciałbym, żeby przy rozwiniętym archiwum strzałki były w górę. Próbowałem napisać funkcję do tego, ale trochę mi nie wychodzi, teraz wygląda tak:

[HTML] pobierz, plaintext 
function archiwum()
{
	var znak=document.getElementById("metka").value;
 
	if (znak=='? Archiwum ?') document.getElementById("metka").innerHTML="? Archiwum ?";
 
	if (znak=='? Archiwum ?') document.getElementById("metka").innerHTML="? Archiwum ?";
 
}
[HTML] pobierz, plaintext 

tu jeszcze html

[HTML] pobierz, plaintext 
<div id="arch" >
		<input type="checkbox" id="archcheck"/>
		<h2><label for="archcheck" id="metka" onclick="archiwum()">? Archiwum ?</label></h2>
			<div id="archive"><?php wp_get_archives( $args ); ?></div>
		</div>
[HTML] pobierz, plaintext 

Ten post edytował Wielopol 18.03.2015, 13:52:51

przykro mi to mówić, ale nie działa... Na jsfiddle działa, ale na stronie nie :c

oto css

[HTML] pobierz, plaintext 
#arch label:after{
    content:'\2193';
}
 
#arch label:before{
    content:'\2193';
}
 
#arch input:checked+label:after{
    content:'\2191';
}
 
#arch input:checked+label:before{
    content:'\2191';
}
[HTML] pobierz, plaintext 

i strzałki w dół przy zwiniętym działają, ale po rozwinięciu archiwum się rozwija, ale strzałki się nie zmieniają

Ten post edytował Wielopol 18.03.2015, 14:27:34

już zmieniłem, jest tak jak mi napisałeś na początku, po prostu przez przypadek wysłałem Ci ze spacjami pomiędzy, bo próbowałem różnych możliwości, ale pierwotnie było z plusem i też nie działało

Ten post edytował Wielopol 18.03.2015, 14:32:55

mam, bo próbowałem ustawić same w górę i same w dół i wszystko działa, próbowałem też ustawić zwykłe słowa zamiast strzałek i też nie działa, po prostu css nie rozumie tego. Na jsfiddle działa, a na stronie nie i to mnie najbardziej dziwi.

Ten post edytował Wielopol 18.03.2015, 17:06:39

kurde, działa, super, dzięki (IMG:style_emoticons/default/biggrin.gif) a wiesz może, dlaczego h2 wszystko psuje? (IMG:style_emoticons/default/biggrin.gif)

div + p Selects all <p> elements that are placed immediately after <div> elements
http://www.w3schools.com/cssref/sel_element_pluss.asp

div p Selects all <p> elements inside <div> elements
http://www.w3schools.com/cssref/sel_element_element.asp