Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Deadpool & Wolverine (2023)

Outlook e muta pe Android

Constructie Mun. Iasi. Casa P+1.

Cum mai rezolvati cu chiriasii ra...
 Tastatura si mouse cu baterie int...

AC Gree duce la palpait de becuri

Sfat / recomandare construire aco...

Cablu analog vs digital
 Ce valoare stabiliti la RSSI la u...

Sony FH 10W reparatie

Monitor cu consum URIAS

Topul rușinii la nivelul PE
 probleme domeniu sau configuratie...

Se poate vedea on-line filmul ...

Mazda 3 IV Sedan 2.0 e-SkyActiv-G...

NATO - Articolul 5
 

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,434
  • Î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,434
  • Î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

Bun venit pe Forumul Softpedia!

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