In mancanza di firebug per IExplorer ho trovato questo buon tool
Fletto i muscoli e sono nel vuoto.
Archivi tag: Javascript
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>
<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>
<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;
}
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
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>
Search: <input type=’text’ name=’query’>
<A href=”javascript: submitform()”>Search</A>
</form>
<SCRIPT language=”JavaScript”>
function submitform()
{
document.myform.submit();
}
</SCRIPT>