Archivi categoria: Javascript

Toolbar.js

Toolbar.js: a jQuery plugin that creates tooltip style toolbars – http://t.co/H1jnW6g4hf

Excel-like data grid editor for HTML, JavaScript & jQuery

Handsontable: Excel-like data grid editor for HTML, JavaScript & jQuery – http://t.co/5w9abYw3 (https://twitter.com/smashingmag/status/298521833920151552)

CompanionJS

In mancanza di firebug per IExplorer ho trovato questo buon tool

CompanionJS

Fletto i muscoli e sono nel vuoto.

IE 7 Error: Scriptaculous Drag & Drop with ghosting

E’ da un po’ che uso Scriptaculous Drag & Drop su una web application. Ho notato che abilitando l’opzione ghosting (che dovrebbe permettere di clonare l’oggetto durante il dragging) al momento del drop con ie7 va in errore. Ho trovato questo fix e sembra funzionare:

src/dragdrop.js

      if (!this.element._originallyAbsolute)
	        Position.relativize(this.element);
             (-)  delete this.element._originallyAbsolute;
	     (+)  this.element._originallyAbsolute = null;
	        Element.remove(this._clone);
	        this._clone = null;
	    }

Fonte: dev.rubyonrails.org

Fletto i muscoli e sono nel vuoto.

select onclick con Explorer

Dopo i readonly e le popup ecco che ci risiamo! Explorer non esegue gli eventi onclick per gli item di una select.

<select>
<
option value=”a” onclick=”clikka(‘a’)”>A</option>
<
option value=”b” onclick=”clikka(‘b’)”>B</option>
<
/select>

Per ovviare al problema è possibile usare l’evento onchange sul tag select.

<select onchange=”clikka(value)”>
<
option value=”a”>A</option>
<
option value=”b”>B</option>
<
/select>

Fletto i muscoli e sono nel vuoto.

Javascript ReadOnly! con Explorer

Dopo il problema sulle pop up. Ecco che explorer si ripresenta sugli attributi readonly dei tag input. Il nome dell’attributo è case sensitive (per explorer), quindi bisogna scrivere “readOnly”.

< input readOnly=”true” >

Fletto i muscoli e sono nel vuoto.

Cross-windows scripting Tip & Tricks

In How to: Cross-windows scripting viene mostrato come sia semplice eseguire una popup che aggiorni i dati nella form chiamate. Tuttavia con explorer potrebbe capitavi dei malfunzionamenti nell’inserimento del secondo parametro:

.open(url,”name”,”height=200,width=150″);

Al momento l’unica soluzione proposta è quella di non inserire il secondo parametro:

.open(url,””,”height=200,width=150″);

Fletto i muscoli e sono nel vuoto.

How to: Cross-windows scripting

Avete bisogno di aggiornare dei dati di una pagina web mediante una popup ?

var newwindow = ; function popitup(url) {
if (!newwindow.closed && newwindow.location) {
newwindow.location.href = url;
}
else {
newwindow=window.open(url,‘name’,‘height=200,width=150’);
if (!newwindow.opener) newwindow.opener = self;
}
if (window.focus) {newwindow.focus()}
return false;
}

Fonte: Cross-windows scripting


powered by IMHO 1.3

How to: Submit a Form Using JavaScript

Ecco come eseguire un submit via javascript.

<form name=”myform” action=”handle-data.php”>
Search: <input type=’text’ name=’query’>
<
A href=”javascript: submitform()”>Search</A>
<
/form>
<SCRIPT language=”JavaScript”>
function submitform()
{
document.myform.submit();
}
</SCRIPT>

Fonte: How to Submit a Form Using JavaScript

powered by IMHO 1.3