Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Merita un Termostat Smart pentru ...

Sfat achizitie MTB Devron Riddle

Problema mare cu parintii= nervi ...

switch microtik
 Permis categoria B la 17 ani

Sfaturi pentru pregatirea de eval...

Crapaturi placa

cum imi accesez dosarul electroni...
 Momentul Aprilie 1964

Sursa noua - zgomot ?

A fost lansat Ubuntu 24.04 LTS

Pareri apartament in zona Berceni?
 Free streaming SkyShowtime de la ...

Skoda Fabia 1.0 TSI (110 CP)- 19 ...

Mezina familiei, Merida BigNine

The Tattooist of Auschwitz (2024)
 

Afiseaza raspunsul cu javascript

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

#1
alex05ok

alex05ok

    Member

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

Am 6 intrebari care se afiseaza aleator. Vreau o metoda pentru a afisa raspunsul (in dreapta intrebarii) cand dau click pe o intrebare.

https://jsfiddle.net/6dw04taL/13/

<body onload="shuffle()">
<div id="container">
<div class="shuffleMe"> Intrebare 1</div>
<div class="shuffleMe"> Intrebare 2</div>
<div class="shuffleMe"> Intrebare 3</div>
<div class="shuffleMe"> Intrebare 4</div>
<div class="shuffleMe"> Intrebare 5</div>
<div class="shuffleMe"> Intrebare 6</div>
</div>
</body>


function shuffle() {
var container = document.getElementById("container");
var elementsArray = collectionToArray(container.getElementsByClassName('shuffleMe'));
elementsArray.forEach(function(element){
container.removeChild(element);
})
shuffleArray(elementsArray);
elementsArray.forEach(function(element){
container.appendChild(element);
})
}
function collectionToArray(collection) {
var i;
var arr = [];
for (i = 0; i < collection.length; i++) {
arr.push(collection[i]);
}
return arr.slice();
}
function shuffleArray(array) {
for (var i = array.length - 1; i > 0; i--) {
	 var j = Math.floor(Math.random() * (i + 1));
	 var temp = array[i];
	 array[i] = array[j];
	 array[j] = temp;
}
return array;
}


Multumesc!

Edited by alex05ok, 09 December 2018 - 15:00.


#2
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 376
  • Înscris: 08.11.2007
Am mai progresat putin. Ce mai trebuie sa fac:
- raspunsul sa nu apara afisat la inceput. Cand se deschide pagina sa apara ascuns;
- raspunsul sa apara imediat in dreapta intrebarii nu sub ea ca acum.

http://jsfiddle.net/6dw04taL/17/

#3
MarianG

MarianG

    be that as it may

  • Grup: Moderators
  • Posts: 31,442
  • Înscris: 10.08.2005
<div class="shuffleMe" id="questionNr"> Intrebare 1<div class="answer" id="answerNr">raspuns</div></div>
div.answer
{
  display:none;
}

Edited by MarianG, 09 December 2018 - 23:28.


#4
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 376
  • Înscris: 08.11.2007
De ce nu merge codul meu?
Pe orice intrebare as apasa imi apare doar raspunsul la intrebarea cea mai de sus. Vreau sa imi afiseze doar raspunsul din dreptul intrebarii pe care o apas.

http://jsfiddle.net/6dw04taL/18/

Edited by alex05ok, 10 December 2018 - 13:41.


#5
MarianG

MarianG

    be that as it may

  • Grup: Moderators
  • Posts: 31,442
  • Înscris: 10.08.2005
ai trimis id-ul campului pe care vrei sa-l afisezi?

function showAnswer(answerNr) ... 


#6
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 376
  • Înscris: 08.11.2007
Am gasit ca solutie sa ascund raspunsul in culoarea de fundal si cand se da hover sa imi afiseze raspunsul pentru ca se schimba culoarea.
Mai mult nu ma duce capul.

http://jsfiddle.net/6dw04taL/20/

Edited by alex05ok, 10 December 2018 - 18:39.


#7
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 376
  • Înscris: 08.11.2007
Am ajuns la varianta finala, exact cum mi-am dorit.
http://jsfiddle.net/6dw04taL/25/

Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

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