EXERCICIS DE PROGRAMACIÓ RESOLTS AMB C CAPÍTOL 6 INICIACIÓ

1 FITXA DE TREBALL GUIA EXERCICIS
15 QÜESTIONS I EXERCICIS PROPOSEM AQUÍ UNA COLECCIÓ
2A EXERCICIS DE CANVIS D’UNITATS OBJECTIUS ACONSEGUIR FLUÏDESA EN

3 OCTUBRE 2003 MICROECONOMIA I · EXERCICIS · TEMA
ACTIVITATS SOBRE GRÀFIQUES POSICIÓTEMPS EXERCICIS SOBRE CONVERSIÓ D’UNITATS
CIÈNCIES NATURALS 2N ESO EXERCICIS DE REPÀS EL MOVIMENT

Capitol 6

EXERCICIS DE PROGRAMACIÓ RESOLTS AMB C CAPÍTOL 6 INICIACIÓ Exercicis de programació resolts amb C#. Capítol 6: Iniciació a Javascript






Iniciació a Javascript 2

6.3) Afegim elements a una tabla. Després els podem mostrar tots amb un altre funció



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="exercici3.aspx.cs" Inherits="_Default" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Página sin título</title>


<script language="javascript" type="text/javascript">


var tabla = new Array(5);


function Entrar() {

var obj = document.getElementById("Text1");

var texto = obj.value.toString();


tabla.push(texto);

alert(tabla);

obj.value ="";

}



function Listar() {

var salida = document.getElementById("capa1");

for (var i = 0; i<tabla.length; i++)

{

salida.innerHTML = salida.innerHTML + tabla[i] + "<br>";

}

}


</script>

</head>



<body>

<form id="form1" runat="server">

<div>

<input id="Text1" type="text" />&nbsp;

<input id="Button2" type="button" value="Añadir" onclick="Entrar()" />

<input id="botonLista" type="button" value="Ver tabla" onclick="Listar()" />

</div>

</form>

<div id="capa1" style="width: 242px; height: 150px; background-color: #C0C0C0;">

<br />

</div>

</body>

</html>





EXERCICIS DE PROGRAMACIÓ RESOLTS AMB C CAPÍTOL 6 INICIACIÓ

6.4 Marc de fotos


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Marco de fotos</title>

<script language="javascript" type="text/javascript">


var fotos=new Array()

var actual=0

fotos[0]="casa0.jpg"

fotos[1]="casa1.jpg"

fotos[2]="casa2.jpg"

fotos[3]="casa3.jpg"


function atras()

{

if (actual>0)

{

window.status=''

actual--

var objmarco = document.getElementById("marco")

objmarco.src = fotos[actual]

}

}

function adelante()

{

if (actual<fotos.length-1)

{

actual++

document.images.marco.src=fotos[actual]

}

else alert ('Fin galeria')

}

</script>

</head>


<body>

<form id="form1" runat="server">

<div>

<table style="width: 400px">

<tr><td colspan="2">

<img id="marco" alt="" src="" style="height: 240px; width: 320px" />

</td></tr>

<tr>

<td>

<input id="bot_atras" type="button" value="Atras" onclick="atras()"/>

</td>


<td>

<input id="bot_avant" type="button" value="Adelante" onclick="adelante()"/>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>



6.5 Tenda informàtica



<html>

<head runat="server">


<title>Exercici 5 Javascript</title>

<script type="text/javascript" language="javascript">

<!--

function canviaMicros(){

var seleccio=document.form1.llistatMicros;

var valor = seleccio.options[seleccio.selectedIndex].value;

document.form1.preuMicros.value = valor;

sumar();}


function canviaPlaques(){

var seleccio=document.form1.listadoPlaques;

var valor = seleccio.options[seleccio.selectedIndex].value;

document.form1.preuPlaques.value = valor;

sumar();}


function canviaMemories(){

var seleccio=document.form1.listadoMemories;

var valor = seleccio.options[seleccio.selectedIndex].value;

document.form1.preuMemories.value = valor;

sumar();}


function sumar(){

var num1= parseFloat(document.form1.preuMicros.value);

var num2= parseFloat(document.form1.preuPlaques.value);

var num3= parseFloat(document.form1.preuMemories.value);

var numtotal= num1 + num2 + num3;

document.form1.preutotal.value = numtotal;

}

//-->

</script>

</head>


<body>

<form name="form1" method="post" action="">

<table width="80%" border="0" >

<tr>

<td rowspan="4"><img src="images/ordenador.jpg" alt="foto"/></td>

<td> <select name="llistatMicros" id="llistatMicros" onchange="canviaMicros()">

<option value="0" >Microprocesadors </option>

<option value="120">AMD6400</option>

<option value="70">AMD6000</option>

<option value="50">AMD5600</option>

</select>

</td>


<td> <input name="preuMicros" type="text" id="preuMicros"

value="0" size="5"/> &euro;</td>

<td>&nbsp;</td>

</tr>







<tr>

<td> <select name="listadoPlaques" id="listadoPlaques" onchange="canviaPlaques()">

<option value="0" >Plaques Base </option>

<option value="50">Placa1</option>

<option value="76">Placa2</option>

<option value="120">Placa3</option>

</select> </td>


<td> <input name="preuPlaques" type="text" id="preuPlaques" value="0"

size="5"/> &euro; </td>

<td>&nbsp;</td>

</tr>

<tr>

<td> <div align="left">

<select name="listadoMemories" id="select9" onchange="canviaMemories()">

<option value="0"

>Memories DDR-RAM </option>

<option value="50">1024</option>

<option value="70">2048</option>

<option value="120">4096</option>

</select>

</div></td>

<td> <input name="preuMemories" type="text" id="preuMemories" value="0"

size="5"/> &euro; </td>

<td>&nbsp;</td>

</tr>

<tr>


<td height="35">&nbsp;</td>

<td><div align="left">SUMA PC </div></td>

<td> <input name="preutotal" type="text" id="preutotal" size="5" /> &euro;</td>

</tr>

</table>

<p>&nbsp;</p>

</form>


</body>

</html>





6.6) Realitzar Web DINÀMICA que millori la relaciò d’aprenentatge entre els continguts i l’usuari en base a la següent web: http://www.ditutor.com/geometria/areas.html


Es a dir, fer una programació en Javascript que ajudi a l’estudiant de geometria (calcula resultats, fa un test d’ autoavaluaciò, etc)


ENGINYERIA INFORMÀTICA ESTRUCTURA DE COMPUTADORS I EXERCICIS DEL CAMÍ
EXERCICIS (PÀGINES 2 I 3) 1 OBSERVA AQUEST QUADRE
EXERCICIS BIOELEMETNS I BIOMOLÈCULES 1 EXPLICA LES FUNCIONS BIOLÒGIQUES


Tags: capítol 6:, iniciació, exercicis, programació, resolts, capítol