[javascript] programma per eseguire le funzioni js

**f4s4n0** · 17-06-2007, 12:57

Ciao a tutti,ho fatto delle pagine web che utilizzano codice javascript per generare html dinamicamente.siccome a volte aggiungo cose complesse al caricamento della pagina avviene un crash della stessa e sono costretto a chiuderla e riavviare il browser.Al 99% dipende da una funzione javascript che viene richiamata in vari tag al verificarsi dell'onclick e che fa delle operazioni un pò complesse.Volevo sapere se esiste qualche programmino che se tenuto in esecuzione fa una specie di "precaricamento" di quelle funzioni in modo da velocizzare la pagina.
Se esiste qualcosa del genere illuminatemi!!! :master: :master:

**andr3a** · 17-06-2007, 13:38

eh?

**f4s4n0** · 17-06-2007, 15:26

hehe lo sapevo che chiedevo una cosa assurda....ci ho provato....

VVoVe:

mi sa che il difetto della mia pagina resterà li dov'è....

**andr3a** · 17-06-2007, 16:14

sarebbe assurdo capire al primo colpo il tuo post, non quello che ti serve fare

Dove sta questa pagina che fa cose che noi umani non posiamo nemmeno immaginare, complicata al punto da far crashare i browsers?

Cosa hai chiesto di preciso, un byte-encoder JavaScript, un cacher di risultati o altro?

In caso, per quale codice così complesso l'hai chiesto? Come ti si può aiutare?

In fine dubito tu abbia fatto cose più complesse di framework noti da 5 mega di JavaScript schiaffato in browser, quindi sono quasi sicuro che tu abbia un errore di overflow, loop infinito o qualunque altra cosa ma non di codice troppo complesso per il browser.

Se invece parlavi di lentezza di esecuzione di una funzione, postala così vediamo se e come ottimizzare

**f4s4n0** · 17-06-2007, 20:28

ti spiego.la mia pagina ha una delle facce di crazy talk inserita compresa di ttscomponent e con una funzione javascript setto un parametro del ttscomponent che rappresenta la frase che voglio che la faccia dica....in pratica crazy talk prende questa frase e la trasforma in un file audio e credo che la pagina va in crash perchè si fonde nella trasformazione.

**andr3a** · 17-06-2007, 22:13

esempio, codice ... dacci la possibilità di aiutarti

altrimenti spiegaci cosa vuoi sapere da questo post ... intanto anticipo:

JavaScript fa crashare i browsers? no, se scritto e usato con criterio
JavaScript si fonde in trasformazioni audio? no, almeno non pirma dei prossimi 10 anni

**f4s4n0** · 18-06-2007, 11:22

ecco il codice....................

questo è il file html...........è solo un file di prova quindi niente di complesso,solo un file pieno di tag dove per far parlare la faccia viene chiamata una funzione javascript(PlayAll) che fa queste cose:
-il campo testo viene passato al ttscomponent e rappresenta la frase che vogliamo che la faccia dica
-il campo file rappresenta un file audio che contiene la stessa frase che dovrà dire la faccia
-in pratica file audio e faccia partono contemporaneamente,solo che la faccia ha il volume azzerato e quindi muove solo la bocca e quindi ciò che si sente effettivamente è il file audio.
(faccio questa cosa perchè i file audio hanno una pronuncia ottima perchè generati con uno speech di un certo livello,mentre la faccia parlerebbe con i vari microsoft sam che sembrano dei robot).

secondo me il crash è dovuto al plugin di crazytalk che chiama lo speech engine gli passa la frase in formato testo e lo trasforma in audio.
non so quanto conoscete crazy talk ma per me il problema è dovuto al plugin di crazy più che a javascript

================================================

<html>
<head>File di Prova</head>

<body>
<div class="stileindex" id="menudx">
<div id="Crazyface" class="stileindex">
<OBJECT ID='CrazyTalk' classid='CLSID:13149882-f480-4f6b-8c6a-0764f75b99ed'
codebase='http://plug-in.reallusion.com/CrazyTalk4.cab#version=4,5,615,1'>
<PARAM Name='LifeMode' Value='1'>
<PARAM Name='StretchMode' Value='1'>
<PARAM Name='ModelName' Value='./esempio.ctm'>
<PARAM Name='ScriptName' Value=''>
<PARAM Name="ControlStyle" Value="0">
<PARAM Name="BorderStyle" Value="0">
<PARAM Name="MenuStyle" Value="0">

</OBJECT>

<OBJECT classid="clsid:B7A59580-B39D-4BF9-B968-1BFA25156691" id="RLTTSPlayer" codebase="http://www.reallusion.com/plug-in/rltts.cab#version=1,0,1409,1" style="visibility:hidden" >
<param name="TTSEngine" value="Microsoft SAPI 5.1">
<param name="Speed" value="50">
<param name="Volume" value="0">
<param name="TextContent" value="">
<param name="AutoLoop" value="0">
<param name="ShowControl" value="0">
<param name="AutoPlay" value="1">

</OBJECT>

<script language="javascript">

document.RLTTSPlayer.AttachCtrl(CrazyTalk);

</script>

<div id="divsound">
<embed src="" type="audio/wav" autostart="true" id="sound1" name="sound1" height="-1" width="-1">
</div>

<div id="player">

[img]./play.gif[/img]</a>
[img]./stop.gif[/img]</a>

</div>
</div>
</div>
<form name="datiUtente" enctype="text/plain" method="post" action="mailto:tuamail@nomeDominio.it?subject=Ques tionario proveniente dal web">

<fieldset>
<legend>Dati Utente</legend>
<label>Nome:
<input name="nome" type="text" size="20" maxlength="30" onclick="playAll('Benvenuto,questa e l area dedicata alla registrazione per favore inserisci il tuo nome!','./prova.html-audio/INPUTnome.wav');"></input>
</label>
<label>Cognome:
<input name="cognome" type="text" size="20" maxlength="30" onclick="playAll('Inserisci il tuo cognome!','./prova.html-audio/INPUTcognome.wav');"></input>
</label>
<label>Password:
<input name="password" type="password" size="20" maxlength="30" onclick="playAll('Inserisci la password che vuoi utilizzare per accedere al sito in futuro!','./prova.html-audio/INPUTpassword.wav');"></input>
</label>
</fieldset>

<fieldset>
<legend>Questionario</legend>
<label>Siti visitati:

<select name="siti" size="5" multiple="multiple" onclick="playAll('Scegli il sito dove mi hai conosciuta!','./prova.html-audio/SELECTsiti.wav');">
<option value="http://www.html.it">www.html.it</option>
<option value="http://freephp.html.it">frephp.html.it</option>
<option value="http://freasp.html.it">freasp.html.it</option>
<option value="http://font.html.it">font.html.it</option>
<option value="http://cgipoint.html.it" >cgipoint.html.it </option>
</select>
</label>
</fieldset>

<fieldset>
<legend>Campo libero</legend>
<label>Lasciami un parere:

<textarea name="parere" cols="20" rows="10" onclick="playAll('Lasciami un tuo parere! Ti sono stata di aiuto?','./prova.html-audio/TEXTAREAparere.wav');">
</textarea>
</label>
</fieldset>

</form><form action=ìì>
<fieldset>
<legend>Linguaggi conosciuti</legend>

<input type="checkbox" name="c++" value="html" onclick="playAll('questa e la sezione linguaggi di programmazione dimmi quali conosci! ora sei su c plus plus!','./prova.html-audio/INPUTc++.wav');"></checkbox> C++

<input type="checkbox" name="java" value="java" onclick="playAll('Ora sei su java.','./prova.html-audio/INPUTjava.wav');"></checkbox> Java

<input type="checkbox" name="c#" value="c#" onclick="playAll('ora sei su c sharp.','./prova.html-audio/INPUTc#.wav');"></checkbox> C#
</fieldset>
</form>
<form>
<fieldset>
<legend>Web</legend>
HTML<input type="radio" name="html" value="html" onclick="playAll('questa e la sezione web cosa vorresti imparare?ora sei su html!','./prova.html-audio/INPUThtml.wav');"></radio>
CSS <input type="radio" name="css" value="css" onclick="playAll('ora sei su css.','./prova.html-audio/INPUTcss.wav');"></radio>
JavaScript <input type="radio" name="javascript" value="javascript" onclick="playAll('ora sei su javascript.','./prova.html-audio/INPUTjavascript.wav');"></radio>
</fieldset>
</form>
<input name="fileUtente" type="file" size="20" onclick="playAll('scegli un file dal tuo pc! clicca su sfoglia per continuare!','./prova.html-audio/INPUTfileUtente.wav');"></input>
<button type="reset">annulla</button>

<button type="submit">invia</button>
</body>
</html><SCRIPT TYPE="text/javascript" src="play.js"></script><link type="text/css" rel="stylesheet" href="stileindex.css" media="screen">

================================================== ===

e questa la funzione javascript per far parlare la faccia:

function playAll(testo,file){

var ogg=document.getElementById('sound1');
ogg.removeNode(true);
var dove=document.getElementById('divsound');
var objAudio=document.createElement("embed");
objAudio.setAttribute("name","sound1");
objAudio.setAttribute("id","sound1");
objAudio.setAttribute("src", file);
objAudio.setAttribute("hidden", "true");
objAudio.setAttribute("autostart", "true");
dove.appendChild(objAudio);
document.RLTTSPlayer.TextContent=testo;
document.RLTTSPlayer.LifeMode=1;
document.RLTTSPlayer.Volume=0;
document.RLTTSPlayer.Speed=64;
document.RLTTSPlayer.AutoPlay=1;
document.RLTTSPlayer.AutoLoop=0;
document.RLTTSPlayer.Play();

}

**andr3a** · 18-06-2007, 20:08

mancano gli onload per i file, usi
ogg.removeNode(true);
dove removeNode non esiste, non come standard.
Mischi nomi ed id, usando una volta getElementById, giustamente, ed altre volte document.NomeId ... ambiguo e sconsigliato.

Il tutto parte con un bel
document.RLTTSPlayer.AttachCtrl(CrazyTalk);

come se CrazyTalk fosse una costante ... ma io non la vedo, quindi non si sa cos'è ...

Non saprei che dire, se sei sicuro che il problema sia nel plug-in qui risolviamo poco, per il resto cerca di usare codice un pò più standard per fare quello che cerchi di fare

P.S. anche onMouseOut ed onMouseOver non esistono ... casomai sono onmouseover ed onmouseout (vabbeh che HTML 4 non è case sensitive, ma almeno ti abitui subito a non sbagliare che poi in codice a scrivere onMouseOver si hanno brutte sorprese (leggi non va un tubo))

**f4s4n0** · 18-06-2007, 21:17

[QUOTE]Originariamente inviato da andr3a

mancano gli onload per i file

che significa?

usi ogg.removeNode(true);
dove removeNode non esiste, non come standard.

e come dovrei fare per rimuovere un nodo?

Mischi nomi ed id, usando una volta getElementById, giustamente, ed altre volte document.NomeId ... ambiguo e sconsigliato.

Il tutto parte con un bel
document.RLTTSPlayer.AttachCtrl(CrazyTalk);

come se CrazyTalk fosse una costante ... ma io non la vedo, quindi non si sa cos'è ...

nelle specifiche di crazytalk gli oggetti faccia e tts component vengono indirizzati come document.NomeId ho solo seguito le istruzioni.

Non saprei che dire, se sei sicuro che il problema sia nel plug-in qui risolviamo poco, per il resto cerca di usare codice un pò più standard per fare quello che cerchi di fare

P.S. anche onMouseOut ed onMouseOver non esistono ... casomai sono onmouseover ed onmouseout (vabbeh che HTML 4 non è case sensitive, ma almeno ti abitui subito a non sbagliare che poi in codice a scrivere onMouseOver si hanno brutte sorprese (leggi non va un tubo))

crazy talk funziona cosi:hai un file x il modello che è la faccia(.ctm)e un file per lo script(.cts)che rappresenta i movimenti e la frase da dire.se metto una faccia settando opportunamente entrambi questi parametri la pagina funziona perfettamente,non crasha mai.
se invece tolgo il file di script e passo una stringa al ttscomponent in modo che poi lui sfruttando l'engine sul pc me lo trasformi in audio allora la pagina crasha di brutto.

Discussione: [javascript] programma per eseguire le funzioni js

Strumenti discussione

Ricerca discussione

Visualizza

[javascript] programma per eseguire le funzioni js

Permessi di invio