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
Care tag defineste zona de click intr-o harta creata dintr-o imagine?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Ce proprietate CSS indica ce sa se intample cand continutul unui element depaseste dimensiunile lui?
display overflow position
#id {
  overflow: auto;
}
Clic pe evenimentul care este declansat cand mouse-ul e deasupra unui obiect.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}
Indicati variabila PHP ce contine datele adaugate in adresa URL, dupa caracterul "?".
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Clic pe pronumele reflexiv care e potrivit in propozitia: "Marc is the boy ... won the prize".
who which whoever
Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.
Clic pe pronumele reflexiv care e potrivit in propozitia: "Voy a ver al pintor de ... les hablé ayer".
que quien cuyo
Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.
Afiseaza ascunde Meniu

Last accessed pages

  1. PHP OOP - Clase, Obiecte, constructor (3147)
  2. Prezentul simplu si continuu - Present Tense Simple and Continuous (74339)
  3. Creare tabel HTML cu date din Array si MySQL (837)
  4. Caractere speciale - Entitati HTML (5803)
  5. Ferestre Alert Prompt si Confirm (1440)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2787)
  2. Curs HTML gratuit Tutoriale HTML5 (1889)
  3. Curs si Tutoriale JavaScript (1786)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1731)
  5. Curs CSS Online Tutoriale CSS3 (1609)