Diferència entre revisions de la pàgina «Discussió:Exemples XSL»

De Wiki Eduard Lafitte
Jump to navigationJump to search
Línia 1: Línia 1:
== '''Introducció''' ==
A continuació, tenim un document HTML que ens simula el Joc del penjat, utilitzant funcions javascript:
  <html>
  <head>
<script type="text/javascript" src="funcions.js"></script>
</head>
<body onload="inicialitza();">
<form name=formPenjat>
<input type=button name=boto value="INICI del Joc" onclick="inici();">
<input type=text name=lletres>
<input type=button value="Comprova lletra" name=boto onclick="comprova(formPenjat.lletres.value);">
Paraula = <input type=text name=text>
Errors = <input type=text name=errors>
</form>
</body>
</html>


Aquesta wiki preten publicar els apunts dels mòduls dels cicles d'informàtica, I facilitar la feina als alumnes. Amb links al moodle perquè pengin els treballs.


De moment es publicaran els mòduls:
Aquest seria el fitxer javascript ("'''funcions.js'''") que conté les funcions que s'utilitzen en la pàgina HTML anterior:


  M01 d'ASIX
  var cadena;
  M04 d'ASIX
 
  M01 d'SMX
var totalerrors = 14;
 
== '''Cicles''' ==
 
 
function inici()
=== '''''<u>ASIX</u>''''' ===
   
 
  {
 
==== <u>M01.- Implantació de sistemes Operatius</u> ====
cadena = prompt("Entra una paraula");
 
 
inicialitza();
 
==== <u>M04.- Llenguatge de Marques</u> ====
posar_guions(cadena);
 
 
}
====='''<u>DOM</u>''' =====
Per la part de Javascript, teniu un exemple senzill de com fer un joc del [[Penjat HTML i Javascript|"Penjat"]] fet amb HTML i Javascript.
 
 
====='''<u>XSL</u>''' =====
function inicialitza()
 
L'XSL ens permet donar format a un XML i transformar-lo en diferents tipus de documents (XHTML, PDF, ....)
{
 
Podríem destacar dos components principals en l'XSL: '''''l'XPath''''' i '''''l'XSLT'''''.
formPenjat.lletres.value = "";
 
L'''XPath'' ens permet recòrrer el document XML com un arbre de nodes, i situar-nos en el que ens interessi tractar en cada momnet.
formPenjat.errors.value = "";
 
L'''XSLT''' ens permet donar format a l'element seleccionat amb l'XPath del document XML.
formPenjat.text.value = "";
 
[[Exemples XSL#Exemple_Empleats|Exemple XSL 1]]
formPenjat.lletres.focus;
 
A la web de l'W3C podem trobar un manual sobre [http://www.w3.org/TR/xpath/ l'XPath] i un sobre [http://www.w3.org/TR/xslt l'XSLT] o podeu seguir '''[[XSL|aquesta wiki]]''' amb una breu explicació d'algunes de les opcions de l'XSL.
}
 
 
====='''<u>Joomla</u>''' =====
 
[http://www.joomla.org/ Joomla] és un [http://es.wikipedia.org/wiki/Sistema_de_gesti%C3%B3n_de_contenidos Sistema Gestor de Continguts o '''CMS'''] ([http://ca.wikipedia.org/wiki/Sistema_de_gesti%C3%B3_de_continguts#Exemples_de_CMS exemples de CMS]) robust, personalitzable i escalable, a més de ser '''software lliure'''.
 
function comprova(lletra)
Per instal·lar-ho seguirem els passos que hi han a la pàgina [[Instal·lar Joomla]].
 
{
 
 
var valor = "";
==== <u>M11.- Seguretat i Alta disponibilitat</u> ====
 
var paraula = cadena;
[[Seguretat_i_Alta_disponibilitat|Seguretat i Alta disponibilitat]]
 
var encert = 0;
 
 
var errors = formPenjat.errors.value;
 
 
var guions = formPenjat.text.value;
=== '''''SMX''''' ===
 
 
//Recorrem la paraula lletra per lletra per comprovar si la que hem
==== <u>M01.- Muntatge i Manteniment d'equips</u> ====
 
// introduit està.
 
 
for (i=0;i<paraula.length;i++)
 
 
{
== '''Vegeu També''' ==
//La lletra existeix en la posició "i" de la paraula
if (paraula[i]==lletra)
    {
valor += lletra;
encert=1;
}
//La lletra NO existeix en la posició "i" de la paraula
else{
valor +=guions[i];
}
}
//Si no està la lletra en la paraula l'afegeix a errors
if (encert==0)
{
errors += lletra + " ";
}
//Quan s'encerta la paraula
if (paraula==valor)
{
alert("OK has endevinat la paraula: " + paraula);
}
//Quan es cometen 7 errors
//(Fiquem 14 ja que per cada error afegeixo un espai)
if  (errors.length >= totalerrors)
{
alert("Has FALLAT!!! La paraula era: " + paraula);
}
inicialitza();
formPenjat.text.value = valor;
formPenjat.errors.value = errors;
}
function posar_guions(paraula)
{
formPenjat.text.value ="-";
for (i=1;i<paraula.length;i++)
{
   
   
formPenjat.text.value +="-";
   
   
}
   
   
 
}
 
== '''Enllaços externs''' ==
 
* [http://www.Bernatelferrer.cat Institut Bernat el Ferrer]
 
* [http://phobos.xtec.net/ieslaferreria/intranet Institut La Ferreria]
 
* [http://ninite.com/ Ninite(Per a instal·lar o actualitzar varies aplicacions a la vegada]

Revisió del 02:16, 3 abr 2012

A continuació, tenim un document HTML que ens simula el Joc del penjat, utilitzant funcions javascript: 

 <html>

 	<head>

		<script type="text/javascript" src="funcions.js"></script>

	</head>

	<body onload="inicialitza();">

		<form name=formPenjat>

			<input type=button name=boto value="INICI del Joc" onclick="inici();">

			


			<input type=text name=lletres>

			<input type=button value="Comprova lletra" name=boto onclick="comprova(formPenjat.lletres.value);">

			


			Paraula = <input type=text name=text>

			


			Errors = <input type=text name=errors>

		</form>
		
	</body>

</html>


Aquest seria el fitxer javascript ("funcions.js") que conté les funcions que s'utilitzen en la pàgina HTML anterior: 

var cadena;
 
var totalerrors = 14;



function inici()

{ 

	cadena = prompt("Entra una paraula");

	inicialitza();

	posar_guions(cadena);

} 




function inicialitza()

{ 

	formPenjat.lletres.value = "";

	formPenjat.errors.value = "";

	formPenjat.text.value = "";

	formPenjat.lletres.focus;

} 





function comprova(lletra)

{ 

	var valor = "";

	var paraula = cadena;

	var encert = 0;

	var errors = formPenjat.errors.value;

	var guions = formPenjat.text.value;

	
	//Recorrem la paraula lletra per lletra per comprovar si la que hem

	// introduit està.

	for (i=0;i<paraula.length;i++)

		{

			//La lletra existeix en la posició "i" de la paraula

			if (paraula[i]==lletra)

			    {

					valor += lletra;

					encert=1;

				}

			//La lletra NO existeix en la posició "i" de la paraula

			else{

					valor +=guions[i];

				}

		}

		
	//Si no està la lletra en la paraula l'afegeix a errors

	if (encert==0)

		{

			errors += lletra + " ";

		}

		
	//Quan s'encerta la paraula

	if (paraula==valor)

		{

			alert("OK has endevinat la paraula: " + paraula);

		}

		
	//Quan es cometen 7 errors 

	//(Fiquem 14 ja que per cada error afegeixo un espai)

	if  (errors.length >= totalerrors)

		{

			alert("Has FALLAT!!! La paraula era: " + paraula);

		}

		
	inicialitza();

	formPenjat.text.value = valor;

	formPenjat.errors.value = errors;

}




function posar_guions(paraula)

{

	formPenjat.text.value ="-";

	
	for (i=1;i<paraula.length;i++)

		{

			formPenjat.text.value +="-";

		}

}
Obtingut de «https://wiki.portaledu.es/index.php?title=Discussió:Exemples_XSL&oldid=14636»