Redimensionarea componentelor

Bine ai venit

Legaturi

Cautare google

cautare

categorii

css

» Butoane

» Transparenta

» Componente formular

html

» Implementari

» Taguri

» Tabele

» Marquee

javascript

» Dimensiuni

» Imagini

» Implementari

» Efecte text

» Meniuri

photoshop

» Efecte 3D

» Logo

» Lentile

php

» Securitate

Ai ceva de facut in cod, design sau animatie si nu stii cum?
Trimite-ne mail si-ti vom face tutorial ce va rezolva problema ta.

Documentatii pentru toate nivelele, de la incepatori la avansati, dar si pentru cei ce au nevoie doar de o 'bucata de cod'

Redimensionarea componentelor

+ Bookmark-uri

Autor: Cristea Iulian

1 din 3 voturi

Voteaza acest articol

Exista situatii in care doresti sa conservi spatiul, dar controalele tale pot contine text lung. Va prezint o situatie in care puteti face redimensionare la anumite evenimente, pentru a expanda sau restrange cand este necesar.

Aici este codul:

<script type="text/javascript" language="javascript">

function changeMySize(mode){if (mode=="expand")document.getElementById("mySelect").style.width = "400px";
else if (mode=="collapse")document.getElementById("mySelect").style.width = "100px";
}

</script><select style="width:100px;" onfocus="changeMySize('expand')" onblur="changeMySize('collapse')" id="mySelect"><option value="0">optiunea scurta</option><option value="1">optiunea lunga pentru test in cadrul expandarii acestui control</option></select>

Dupa cum puteti vedea, avem nevoie de o functie, care mai intai verifica daca control-ul se afla in modul expandat sau restrans, si apoi schimba dimensiunea acestuia. Evenimentele pe care le utilizam in acest tutorial sunt onfocus si onblur.

+ posteaza un comentariu

sitemap | termeni si conditii | contact