Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Schimbare adresa DNS IPv4 pe rout...

Recomandare Barebone

Monede JO 2024

Suprasolicitare sistem electric
 CIV auto import

Mutare in MOZAMBIC - pareri, expe...

Scoatere antifurt airtag de pe ha...

Magnet in loc de clește pent...
 Cumparat/Locuit in apartament si ...

Pot folosi sistemul PC pe post de...

Sokol cu distorsiuni de cross-over

Filtru apa potabila cu osmoza inv...
 Kanal D va difuza serialul “...

Upgrade xiaomi mi11

securitate - acum se dau drept - ...

Farmacia Dr Max - Pareri / Sugest...
 

Show/Hide cu javascript

- - - - -
  • Please log in to reply
3 replies to this topic

#1
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 376
  • Înscris: 08.11.2007
Buna ziua!

Am 10 intrebari iar sub fiecare intrebare este un buton.
Cand este apasat butonul de sub intrebarea 1 sa se afiseze doar raspunsul 1. Raspunsurile sunt div-uri separate.
Daca se mai apasa inca o data acest buton sa se ascunda raspunsul.
Cand este apasat butonul de sub intrebarea 2 sa se afiseze raspunsul 2 dar sa nu se ascunda raspunsul la intrebarea 1.

Pe "w3schools.com" este o varianta pentru o singura intrebare/raspuns. https://www.w3school...oggle_hide_show
Pe "stackoverflow.com" nu imi place pentru ca la inceput apare afisat raspunsul 1 din start si cand se apasa un buton se ascund raspunsurile afisate precedent: https://stackoverflo...divs-javascript

Va rog sa completati aici:   http://jsfiddle.net/78nxrqkp/1/
Multumesc!

Edited by alex05ok, 16 March 2019 - 09:29.


#2
alx42

alx42

    Senior Member

  • Grup: Senior Members
  • Posts: 2,802
  • Înscris: 26.06.2014
http://jsfiddle.net/kohyuep2/

#3
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 376
  • Înscris: 08.11.2007
Eu vreau ca in exemplul acesta cu 3 intrebari. Cum fac sa unesc cele 3 functii pentru ca nu vreau fiecare buton cu functia sa.
https://codepen.io/d...are1/pen/wOjMNR

function myFunction1() {
  var x = document.getElementById("myDIV1");
  if (x.style.display === "none") {
	x.style.display = "block";
  } else {
	x.style.display = "none";
  }
}
function myFunction2() {
  var x = document.getElementById("myDIV2");
  if (x.style.display === "none") {
	x.style.display = "block";
  } else {
	x.style.display = "none";
  }
}
function myFunction3() {
  var x = document.getElementById("myDIV3");
  if (x.style.display === "none") {
	x.style.display = "block";
  } else {
	x.style.display = "none";
  }
}

HTML
<p>Intrebarea 1</p>
<button onclick="myFunction1()">Afiseaza/Ascunde</button><br>
<div id="myDIV1"><p>Raspuns 1.</p></div>
<p>Intrebarea 2</p>
<button onclick="myFunction2()">Afiseaza/Ascunde</button><br>
<div id="myDIV2"><p>Raspuns 2.</p></div>
<p>Intrebarea 3</p>
<button onclick="myFunction3()">Afiseaza/Ascunde</button><br>
<div id="myDIV3"><p>Raspuns 3.</p></div>



#4
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 30,236
  • Înscris: 24.02.2007
Transmitand id-ul ca parametru?

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate