Schimbare imagine din select

Scriptul prezentat in aceasta pagina afiseaza in acelasi loc cate o imagine cu link propriu spre o anumita pagina, care se poate schimba dintr-o caseta Select ce contine mai multe imagini.
Puteti testa scriptul in exemplul de mai jos.

Pentru a adauga acest script intr-o pagina web:
1. Introduceti in sectiunea HEAD a documentul HTML, urmatorul script:

<script type="text/javascript">

</script>

2. Dupa tagul <body>, in locatia unde vreti sa apara caseta de selectare impreuna cu imaginile, adaugati urmatorul cod:

<div>
<form name="mypics" style="margin:4px;">
    <select name="poza" size="1" onChange="showimage()">
      <option select="selected" value="imgs/img1.jpg">Naruto</option>
      <option value="imgs/img2.jpg">Sasuke</option>
      <option value="imgs/img3.jpg">Sakura</option>
      <option value="imgs/img4.jpg">Son Goku</option>
    </select>
</form>
<a href="javascript:linkuri(document.mypics.poza.selectedIndex)" onMouseover="window.status='';return true">
    <img src="imgs/img1.jpg" name="pozas" width="100" height="100" border="0">
</a>
</div>

- Efectuati modificarile necesare, conform cu imaginile folosite de dv.
- Pentru ca fiecare link sa corespunda cu imaginea specifica lui, adaugati in script, in functia "linkuri()", adresele URL in aceasi ordine cu imaginile corespunzatoare adaugate in caseta de selectare.

<<-Efect zbor fluturi -- Colorare text->>

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?

<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.

Last accessed pages

Indicativ prezent ⁽¹⁴⁰²⁾
Verbe reflexive: prezent ⁽⁹⁶⁴⁾
Curs CSS Online Tutoriale CSS3 ^(116708)
Verbe cu baza schimbatoare - toate tipurile ⁽¹⁰⁰⁶⁾
Verbe care schimba e-i ⁽⁷¹³⁾

Popular pages this month

Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽¹⁰⁷⁴⁾
Curs HTML gratuit Tutoriale HTML5 ⁽⁸⁸⁵⁾
Coduri pt culori ⁽⁶²⁵⁾
Creare si editare pagini HTML ⁽⁵¹⁶⁾
Conditional IF in Limba Engleza - Fraze Conditionale ⁽⁴⁶⁹⁾