script

#1
Andrew_44

Posted 30 January 2017 - 11:44

Junior Member

Grup: Junior Members
Posts: 34
Înscris: 01.12.2016

Pe partea de scripting al site-ului meu lucrez în javascript.

<script>
$(document).ready(function(){
	$("#hide").click(function(){
		$("p").hide();
	});
	$("#show").click(function(){
		$("p").show();
	});
});
</script>

codul acesta vreau să îl scriu tot în javascript, cum fac?

Back to top

#2
ionutz_joe2009

Posted 30 January 2017 - 13:27

Senior Member

Grup: Senior Members
Posts: 6,034
Înscris: 26.01.2011

http://jsfiddle.net/...whitaker/hefGK/

Adapteaza-l pe asta, ar trebui sa mearga chiar daca vrei butoane pt arata si pt ascunde.Dar de ce?Ocupi spatiu degeaba.Teoretic ar trebui ca si butonul arata sa dispara cand e p vizibil, te complici?Daca da, incercam/facem.

Edited by ionutz_joe2009, 30 January 2017 - 13:45.

Back to top

#3
poadol

Posted 30 January 2017 - 13:34

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Asa ceva How TO - Toggle Hide and Show ai nevoie?

Back to top

#4
ionutz_joe2009

Posted 30 January 2017 - 14:22

Senior Member

Grup: Senior Members
Posts: 6,034
Înscris: 26.01.2011

<div id="newpost">
Test text
</div>
<button id='arata'>Arata</button>
<button id='ascunde'>Ascunde</button>

var arata = document.getElementById('arata');
arata.onclick = function() {
var div = document.getElementById('newpost');
if (div.style.display !== 'none') {


   // div.style.display = 'none';
}
else {
div.style.display = 'block';
}

}
var ascunde = document.getElementById('ascunde');
ascunde.onclick = function() {
var div = document.getElementById('newpost');
if (div.style.display !== 'none') {
div.style.display = 'none';
}
else {
  //  div.style.display = 'block';
}

};

In graba, atat am gandit acum, cred ca se poate si mai simplu.2 butoane, arata sau inhide.Butoanele nu dispar sau apar in functie de.Se poate destul de usor.Ai punct de plecare.

Edited by ionutz_joe2009, 30 January 2017 - 14:28.

Back to top

#5
ionutz_joe2009

Posted 30 January 2017 - 16:13

Senior Member

Grup: Senior Members
Posts: 6,034
Înscris: 26.01.2011

Nimic?

http://jsfiddle.net/a0bowh8L/

Corecteaza-l si tu, vezi ce-i faci.

Edited by ionutz_joe2009, 30 January 2017 - 16:14.

Back to top

#6
cristirg

Posted 30 January 2017 - 18:02

Senior Member

Grup: Senior Members
Posts: 7,711
Înscris: 16.11.2012

nu inteleg de ce vrei sa te chinui,nu vezi ce usor e jquery?

Back to top

#7
ionutz_joe2009

Posted 30 January 2017 - 18:08

Senior Member

Grup: Senior Members
Posts: 6,034
Înscris: 26.01.2011

Javascript e baza.Si eu tot in Javascript folosesc scripturile.Ai sanse mult mai mici sa ai incompatibilitati in timp.Ce e scris, scris ramane, greu sa se deprecieze(sau mult mai greu).Sunt si mai multe avantaje.

Initiator, ai dysplay:inline, stilul ala nici nu-si are rostul, sterge-l.Mai ai in if-urile alea , trebuie decat sters/corelat/aranjat putin(ramurile,else nu-si are rostul cu 2 butoane, elaboreaza ceva mai simplu daca poti,eu ti-am dat ex de baza).Poti folosi pt a ascunde orice div, sper ca ai observat.Ai onmouseover in loc de onclick, vezi ce-ti place.Facem si cu detectie click inafara divului daca vrei.

Edited by ionutz_joe2009, 30 January 2017 - 18:38.

Back to top

Anunturi

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

script

#1 Andrew_44 Posted 30 January 2017 - 11:44

#2 ionutz_joe2009 Posted 30 January 2017 - 13:27

#3 poadol Posted 30 January 2017 - 13:34

#4 ionutz_joe2009 Posted 30 January 2017 - 14:22

#5 ionutz_joe2009 Posted 30 January 2017 - 16:13

#6 cristirg Posted 30 January 2017 - 18:02

#7 ionutz_joe2009 Posted 30 January 2017 - 18:08

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
Andrew_44

Posted 30 January 2017 - 11:44

#2
ionutz_joe2009

Posted 30 January 2017 - 13:27

#3
poadol

Posted 30 January 2017 - 13:34

#4
ionutz_joe2009

Posted 30 January 2017 - 14:22

#5
ionutz_joe2009

Posted 30 January 2017 - 16:13

#6
cristirg

Posted 30 January 2017 - 18:02

#7
ionutz_joe2009

Posted 30 January 2017 - 18:08