Autore Topic: Problema pagina HTML5 (Letto 2882 volte)

Gioacchino Cipriano · « **il:** 14 Apr 2014, 17:09:37 »

Ciao a tutti,
ho una pagina canvas HTML5 per un'animazione.
L'HTML5 ha la seguente struttura:

<head>
<meta charset="UTF-8">
<title>TestCanvas</title>

<script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.5.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.7.0.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.4.0.min.js"></script>
<script src="TestCanvas.js"></script>

<script>
var canvas, stage, exportRoot;

function init() {
	canvas = document.getElementById("canvas");
	images = images||{};

	var loader = new createjs.LoadQueue(false);
	loader.addEventListener("fileload", handleFileLoad);
	loader.addEventListener("complete", handleComplete);
	loader.loadManifest(lib.properties.manifest);
}

function handleFileLoad(evt) {
	if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
}

function handleComplete() {
	exportRoot = new lib.TestCanvas();

	stage = new createjs.Stage(canvas);
	stage.addChild(exportRoot);
	stage.update();

	createjs.Ticker.setFPS(lib.properties.fps);
	createjs.Ticker.addEventListener("tick", stage);
}
</script>
<style>
 body { 
       margin: 0; 
       padding: 0;
     }
#canvas { 
     position: absolute; 
     width: 100%; 
     /*height: 100%; */
     overflow: hidden;
   }
   </style>
</head>

<body onload="init();" style="background-color:#D4D4D4">
	<canvas id="canvas" width="1010" height="400" style="background-color:#999999"></canvas>
</body>

Non riesco/non so come inserire la parte relativa all'<head> e come dare l'onload al body con le relative istruzioni/attributi.
Sto sclerando.
Avete qualche idea?
Grazie.

Gioacchino Cipriano · « **Risposta #1 il:** 16 Mag 2014, 12:20:58 »

Up.

Non c'è proprio possibilità di risolvere questo problema?
Qualche link?
Grazie.

tomtomeight · « **Risposta #2 il:** 16 Mag 2014, 12:45:09 »

Se non specifichi l'uso fai sclerare anche chi potrebbe aiutarti, dicci in quale contesto la devi utilizzare e per fare cosa.

Gioacchino Cipriano · « **Risposta #3 il:** 16 Mag 2014, 14:21:16 »

Citazione da: tomtomeight - 16 Mag 2014, 12:45:09

Se non specifichi l'uso fai sclerare anche chi potrebbe aiutarti, dicci in quale contesto la devi utilizzare e per fare cosa.

pensavo fosse sufficiente dire. ho una pagina canvas HTML5 per un'animazione.
L'HTML5 ha la seguente struttura...
ma vedo di spiegarmi meglio.
Tramite software di animazione che non posso citare perché a pagamento, e che è stato alla lunga usato per le animazioni e che su tablet che non usano Android ma un altro S.O. non è supportato ecc. ho generato un animazione html5 che mi produce l'html inserito sopra e che sfrutta il tag html5 canvas e script createjs ecc..
Quindi dovrei inserire questa animazione all'interno di un sito Joomla, ho provato diversi modi:
iframe, ma non si ridimensiona sui tablet/smartphone
plugin: include html, ma non funziona

tomtomeight · « **Risposta #4 il:** 16 Mag 2014, 21:20:16 »

Ecco, dici all'interno di un sito ma come, in un articolo, nell'index del template, in un modulo html? Inoltre se lo esegui al di fuori di joomla funge?

Gioacchino Cipriano · « **Risposta #5 il:** 17 Mag 2014, 00:11:28 »

Citazione da: tomtomeight - 16 Mag 2014, 21:20:16

Ecco, dici all'interno di un sito ma come, in un articolo, nell'index del template, in un modulo html? Inoltre se lo esegui al di fuori di joomla funge?

al di fuori funge.
All'interno di joomla, va bene come articolo o come modulo o come qualsiasi altro modo.
Ideale sarebbe come articolo, ma anche modulo che è più semplice posizionare.
Ciao.

tomtomeight · « **Risposta #6 il:** 17 Mag 2014, 07:34:00 »

Hai un richiamo a TestCanvas.js che dovresti adattare a seconda ove posizioni lo script. E poi credo che dovresti pure disattivare ogni editor.

Gioacchino Cipriano · « **Risposta #7 il:** 17 Mag 2014, 08:47:17 »

Citazione da: tomtomeight - 17 Mag 2014, 07:34:00

Hai un richiamo a TestCanvas.js che dovresti adattare a seconda ove posizioni lo script. E poi credo che dovresti pure disattivare ogni editor.

Allora ho fatto così: ho duplicato il template dove nell'head ho inseriti i link ai js compreso ilTestVanvas.js compreso e le chiamate alle funzioni e nel body ho aggiunto l'onload.
Il template lo assegno alla voce di menu.
Nell'articolo inseriscono il tag canvas.
Il tutto funziona ma non sì adatta ai device. ovvero se apro il file l'html originale da un iPad il canvas sì dimensione allo schermo mentre aprendo l'articolo no.
Lunedì faccio altre prove.
Poi faccio sapere.
Ciao

Autore Topic: Problema pagina HTML5 (Letto 2882 volte)

Gioacchino Cipriano

Problema pagina HTML5

Gioacchino Cipriano

Re:Problema pagina HTML5

tomtomeight

Re:Problema pagina HTML5

Gioacchino Cipriano

Re:Problema pagina HTML5

tomtomeight

Re:Problema pagina HTML5

Gioacchino Cipriano

Re:Problema pagina HTML5

tomtomeight

Re:Problema pagina HTML5

Gioacchino Cipriano

Re:Problema pagina HTML5