sastgroup.com

Limitare il numero di caratteri in una textarea in javascript!

Posted on 27. Jan, 2010 by daniele.

Questo è uno script semplice ma efficace per estendere la tua textarea con l'attributo maxlength, così l'input dell'utente non può superare un certo numero di caratteri.
E'possibile applicare la funzione a più textarea presenti nella stessa pagina!

Codice Javascript

 
<script type="text/javascript">
 
/***********************************************
* Textarea Maxlength- © Jooria Refresh Your Site (www.jooria.com)
* This notice must stay intact for legal use.
* Visit http://www.jooria.com
***********************************************/
 
function ismaxlength(obj){
var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
if (obj.getAttribute && obj.value.length>mlength)
obj.value=obj.value.substring(0,mlength)
}
 
</script>
 

Codice HTML

 
<textarea maxlength="40" onkeyup="return ismaxlength(this)"></textarea>
 

Continue Reading

Controllare il blocco popup in Javascript

Posted on 13. Jan, 2010 by daniele.

Diversi siti web utilizzano fastidiose finestre popup. Il problema è che alcune persone hanno il blocco popup, ma non lo sanno, in tal modo la nuova finestra non si apre. Ovviamente il browser avvisa l'utente, ma non è sempre così evidente come dovrebbe essere. Ecco un metodo rapido per verificare se la finestra popup è stata bloccato.

 
var windowName = 'userConsole';
var popUp = window.open('/popup-page.php', windowName, 'width=1000, height=700, left=24, top=24, scrollbars, resizable');
if (popUp == null || typeof(popUp)=='undefined') {
	alert('Please disable your pop-up blocker and click the "Open" link again.');
}
else {
	popUp.focus();
}
 

Fonte: http://davidwalsh.name/popup-block-javascript

Continue Reading

Un fix che corregge la trasparenza su Internet Explorer 6

Posted on 22. Nov, 2009 by daniele.

Per chi come me sviluppa siti internet deve (purtroppo) testare il proprio sito su tutti i browser. Internet Explorer 6 viene ancora utilizzato e quindi bisogna correggere i bug che si verificano anche in questo browser ormai obsoleto. Con l'arrivo del web 2.0 le GIF sono state sostituite dalle PNG, quest'ultime infatti possono essere salvate eliminando lo sfondo e creando così una trasparenza alle immagini. Purtroppo Internet Explorer 6 non riesce a far visualizzare le PNG trasparenti correttamente rimpiazzando la trasparenza con uno sfondo grigio. Questo piccolo javascript riuscirà a risolvere definitivamente questo "grosso" problema!

 
<!--[if lte IE 6]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 &…

Continue Reading

Script javascript – accettare termini e condizioni

Posted on 30. Sep, 2009 by Administrator.

tra i tag e occorre inserire

 
<script type="text/javascript">
function verificacheck(f){
if (f.agree.checked == false )
{
alert("devi accettare i termini per continuare");
return false;
}else
return true;
}
</script>
 

il modulo html potrebbe essere qualcosa di simile

<form action="" method="GET" onsubmit="return verificacheck(this)">
Accetto termini e condizioni: <input type="checkbox" value="0" name="agree"/>
<input type="submit" value="Continua"/>
</form>

Continue Reading

Calcolare il percorso con google maps sul sito con javascript

Posted on 31. Aug, 2009 by Administrator.

Attraverso questo script sarà possibile visualizzare un punto sulla mappa google maps sul vostro sito. Sarà inoltre possibile calcolare direttamente sul sito il percorso, con tanto di indicazioni e tragitto, per arrivare a destinazione da qualunque punto di partenza inserito direttamente dall'utente.

link: http://free-script.it/post/Script_ajax_Calcolare_il_percorso_con_google_maps_sul_sito-110.htm

Continue Reading

Drag and drop dei contenuti delle tabelle con javascript

Posted on 30. Jun, 2009 by daniele.

Con questo semplice script è possibile fare il drag and drop dei contenuti all'interno delle tabelle, in questo modo sarà possibile spostare i contenuti da una tabella all'altra senza ricaricare la pagina!

Codice Sorgente: http://www.redips.net/my/tar/redips2.tar.gz
Demo: http://www.redips.net/javascript/drag-and-drop-table-content/

Continue Reading

Rendere visibile/invisibile un blocco html con javascript

Posted on 07. Apr, 2009 by Administrator.

<html>
<head>
<script type="text/javascript">
function toggleVisibility(elementID) {
var theDiv = document.getElementById(elementID);
if (theDiv.style.display=='none')
theDiv.style.display = '';
else
theDiv.style.display = 'none';
}
</script>
</head>
<body>
<div id="myDiv">Hello, World! </div>
<button onClick="toggleVisibility('myDiv')">Toggle My Div </button>
</body>
</html>

Continue Reading