Archive for the category ‘Instrumente’

WordPress plugin – MMN

By Victor

Maintenance Mode Notify

Lucrand in zona de front end, de multe ori se intampla sa lucrez pe aceeasi instanta care este verificata de client (uneori in ritm destul de alert :) ). Bineinteles ca acesta surprinde momente in care interfata arata nu tocmai in ordine, de aici rezulta cerinte care peste putin timp nu isi au rostul.

Pornind de la acest gand, am zis ca ar simplifica lucrurile o “notita” afisata in pagina, care informeaza ca se lucreaza la site.

Acum cateva zile mi-am facut cont si am “rezervat” loc la WordPress – Plugin Directory pentru Maintenance Mode Notify  (a durat un pic pana am primit “verde” pentru svn access)

Azi am petrecut cateva ore sa aduc acest plugin la versiunea 2.0 (care, fata de prima versiune, este functionabila inainte de toate)

Presupun ca scopul cu care va fi folosit acest plugin va fi acela de a anunta vizitatorii ca site’ului (construit pe wordpress) i se aduc niste modificari la un moment dat.

Pluginul poate fi descarcat de aici: http://wordpress.org/extend/plugins/maintenance-mode-notify/
Tot acolo gasiti informatii despre plugin, screenshots, FAQ…

Multumesc pentru atentie!

Va urez un weekend cat mai odihnitor!

Din [select] in [ul] – jQuery plugin

By Victor

SelecToUl este un plugin jQuery care “transforma” un <select> intr-o lista neordonata (<ul>).

Implementare

Includeti in sectiunea <head> fisierul css, jQuery (ultima versiune) si plugin-ul SelecToUl

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jquery.selectoul.js" type="text/javascript"></script>

In sectiunea <body> a documentului, codul html ar trebui sa arate asa:

<select id="id1" class="convertToUl" name="name1">
  <option value="nothing">Choose a country</option>
  <option value="Romania">Romania</option>
  <option value="Moldova">Moldova</option>
  <option value="Russia">Russia</option>
</select>

Nota: specificati id, name si clasa convertToUl

Apelati convertorul

$(body).selectoul();

Puteti folosi parametri speciali

$(body).selectoul({
selectClass: "convertToUl", //clasa SELECT-ului care va fi "convertit" [select]
ulWrapClass: "fancyDrpDwn", //clasa pe elementul care va contine lista generata [div]
ulClass: "exSelect", //clasa pentru lista generata [ul]
selectedItemClass: "selectedFromList" //clasa elementului activ [span]
});

Vezi demo aici.

Descarca demo.

In exemplul meu, plugin-ul converteste un numar nelimitat de selecturi in aceeasi pagina. Pe undeva au fost observate niste defecte (bug’uri) insa.

Atunci cand imi permite timpul, mai lucrez la imbunatatiri. Versiunea urmatoare promite a fi mai buna si mai fara “gandaci” (aka “bug”-uri) :-)  Altfel, orice contributie (benefica) este binevenita din partea oricui!

Harta Romaniei html/css (v1.0)

By Victor

Harta RomanieiPoate s-a intamplat (poate nu) sa ai nevoie de harta Romaniei care sa nu fie una “google” si sa nu fie una “flash”.  Eu am avut nevoie si am facut una “html/css”.

Aspectul i se poate modifica usor si mai sunt unele lucruri care trebuie zise despre ea:

1. Pentru a schimba iconitele, foloseste una din clasele predefinete pentru span: effect, snow, acBlue, acOrange
2. “Activeaza” un judet aplicand clasa ocupat pe li

Bineinteles, poti crea si folosi iconite proprii (dimensiuni: 27×25 px)  :-)

Aceasta versiune include modelul gri si orange (necesita jQuery pentru interschimb).

Vezi demo aici.

Descarca HartaRomaniei-CSS-v1-0.zip.  E gratis!  :-)