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" />
<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>
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"/> €</td>
<td> </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"/> € </td>
<td> </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"/> € </td>
<td> </td>
</tr>
<tr>
<td height="35"> </td>
<td><div align="left">SUMA PC </div></td>
<td> <input name="preutotal" type="text" id="preutotal" size="5" /> €</td>
</tr>
</table>
<p> </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