Curs Javascript

Scriptul din aceasta pagina afisaza si ascunde un meniu cand este efectuat click pe Meniu, (de asemenea poate fi folosit si pentru alte elemente ce pot fi incluse intr-un DIV: poze, formulare, ...).
Puteti testa acest script in exemplul de mai jos.

+ Meniu


Pentru a adauga acest script intr-o pagina web:
1. Adaugati in documentul HTML, in sectiunea HEAD, urmatorul script.
<script type="text/javascript">
<!--
// https://marplo.net

function OnOff(idMenu, idsmn) {
  // Preia elementele HTML dupa argumentele functiei
  var objMenu = document.getElementById(idMenu);
  var objsmn = document.getElementById(idsmn);

  // Verifica vizibilitate meniu-lui
  // Schimba vizibilitatea si semnul din "smn"
  if (objMenu.style.display=='none') {
    objMenu.style.display='block';
    objsmn.innerHTML = " - ";
}
else {
    objMenu.style.display='none';
    objsmn.innerHTML = " + ";
  }
}
//-->
</script>

2. In document HTML, in locatia unde doriti sa aveti meniul, adaugati urmatorul cod (Inlocuiti link-urile din Meniu cu cele pentru site-ul dv.).
<h3 style="width:130px; margin:3px; text-align:center;"><span id="smn">+</span> <a href="#" id="menu" onclick="OnOff('meniu','smn');">Meniu</a></h3>
<div id="meniu" style="display:none; width:140px; text-align:center;">
  <a href="https://marplo.net">Cursuri</a><br>
  <a href="https://marplo.net/jocuri">Jocuri</a><br>
  <a href="https://marplo.net/anime">Anime</a><br>
</div>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tip de <input> creaza o paleta de culori pentru selectare culoare?
type="text" type="color" type="date"
<input type="color" name="get_color" />
Care metoda CSS roteste elementul HTML la un anumit numar de grade?
scale() translate() rotate()
#some_id:hover {
  transform: rotate(60deg);
  -ms-transform: rotate(60deg);    /* IE 9 */
  -moz-transform: rotate(60deg);   /* Firefox */
}
Click pe functia care returneaza numarul cel mai mare.
pow() min() max()
var maxn = Math.max(8, 4, 88, 56);
alert(maxn);      // 88
Ce functie previne ca un fisier sa fie inclus mai mult de o data intr-o pagina?
include() include_once() require()
include_once("un_fisier.php");
Care este traducerea corecta pentru: "Ahead of time"?
Peste timp La timp Inainte de vreme
Most people arrived ahead of time.
- Cei mai multi oameni au sosit inainte de vreme (prea devreme).
Indicati traducerea corecta a cuvantului "buenĂ­simo"
mai bun mai putin bun extrem de bun
Este fruto es buenĂ­simo.
- Acest fruct este extrem /nemaipomenit de bun.
Afiseaza ascunde Meniu

Last accessed pages

  1. Prezentul simplu - Exercitii si teste incepatori (70314)
  2. Proverbe, expresii si zicatori (24683)
  3. Exercitii engleza - English Tests and exercises - Grammar (116286)
  4. Mini vocabular Englez-Roman (6506)
  5. Verbe - Exercitii si teste engleza incepatori (27091)

Popular pages this month

  1. Curs HTML gratuit Tutoriale HTML5 (486)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (418)
  3. Coduri pt culori (270)
  4. Formatare text in pagina html (160)
  5. Creare si editare pagini HTML (155)