Pillole

No Image

jQuery: uno script per cambiare lo sfondo della pagina

Loading

Cambiare lo sfondo di una pagina con jQuery è indubbiamente molto semplice, distignuiamo due casi, nel primo cambieremo il colore di sfondo, nel secondo un’immagline. 1) Cambiare il colore di sfondo: $(‘body’).css({‘background-color’:’#003′}) Ovviamente questo codice…


No Image

CSS: cambiare il puntatore al passaggio del mouse su un link.

Loading

Per cambiare il puntatore del mouse al passaggio su un link dobbiamo sfruttare le regole css sulla pseudoclasse :hover. Per modificare la visualizzazione di tutti i link nella pagina ci basta scrivere: a:hover{cursor:help} Per modificare…


No Image

PHP: visualizzare l’url della pagina attuale.

Loading

Per visualizzare la url della pagina corrente ci basta scrivere questo codice PHP: echo ‘http://’.$_SERVER[‘SERVER_NAME’].$_SERVER[‘REQUEST_URI’]; Questa scrittura è corretta solo se stiamo utilizzando il protocollo http, nel caso di https dovremmo scrivere: echo ‘https://’.$_SERVER[‘SERVER_NAME’].$_SERVER[‘REQUEST_URI’];


No Image

jQuery: cambiare il “cursore” del mouse.

Loading

Per cambiare il cursore del mouse (in realtà si dovrebbe dire puntatore, ma la proprietà css si chiama cursor, quindi la traduciamo con cursore), dobbiamo utilizzare il metedo .css() applicato all’elemento su cui vogliamo agire…


No Image

jQuery: modificare lo z-index.

Loading

jQuery non mette a disposizione un metodo diretto per la modifica dello z-index, ma il problema è facilmente superabili mediante l’utilizzo del mettodo css. Ecco un esempio: $(this).css({‘z-index’:’1′});


No Image

jQuery: selettore multiplo.

Loading

jQuery consente la selzione di più elementi distinti contempraneamente. Basta specifare la lista degli elementi per selezionarli insieme. Con lista di elementi intendiamo la sequenza dei singoli elementi separati da virgola. Ecco un esempio: $(“div,#box,p.classe”).css(“border”,”3px…


No Image

CSS: centrare un elemento orizzontalmente.

Loading

Mediante i fogli di stile possiamo centrare orizzontalmente un elemento utizzando il valore auto per le proprità margin-left e margin-right. Ovviamente affinchè l’elemento risulti centrato le sue dimensioni devono essere inferiore allo spazio disponibile. .centraElemento{…


No Image

jQuery: gestire il valore di un attributo

Loading

Il metodo .attr() di jQuery ci consente sia di conoscere il valore di un attrbuto specifico di un tag sia di assegnare un valore all’attributo stesso. Ad esempio se scrivessimo il seguente codice HTML: testo…