Salve non so se è la sezione giusta ma mi servirebbe una mano !
da poco mi sto approcciando a jquery e dovrei trasformare questo progetto da javascript in jquery.
mi dareste una mano cortesemente ?
Il codice e' il seguente :
file HTML
<html>
<head>
<script language="JavaScript" type="text/javascript" src="rubscript.js"></script>
<LINK REL=stylesheet TYPE="text/css" HREF="prova.css" TITLE="style">
</head>
<body>
<center>
<form name="Rubrica" action="">
<STRONG>Nome:</STRONG>
<input type=text class="InpTxt" name="tNome" id="tNome">
<STRONG>Cognome:</STRONG>
<input type="text" class="InpTxt" name="tCognome" id="tCognome">
<STRONG>Telefono:</STRONG>
<input type="text" class="InpTxt" name="tTelefono" id="tTelefono">
<br>
</br>
<input type="reset" value="Azzera" id="Reset1" name="Reset" >
<input type="button" value="Aggiungi" id="Agg" name="Agg" onClick="Aggiungi()">
<br>
<p align="center">Rubrica</p>
<p>Ricerca Numero di Telefono:</p>
<input type='text' size='10' name='campo'/> <input type='button' value='Cerca' onClick="ricercaInRubrica('tabella')"/>
</br>
<table id="tabella" WIDTH="100%" border=2 >
<TR>
<TD class="header">Nome</TD>
<TD class="header">Cognome</TD>
<TD class="header">Telefono</TD>
<TD class="header">Cancella</TD>
</TR>
</table>
</center>
</form>
</body>
</html>
QUESTO E' IL FILE JS :
// inizio file js
var Nome=new Array();
var Cognome=new Array();
var Telefono=new Array();
var TotRighe=0;
var Row;
var Cel;
var nomec= /^([a-zA-Z ])+$/;
var cognomec= /^([a-zA-Z '])+$/;
var telefonoc= /^[0-9]{9}/;
function Aggiungi() {
var log=true;
if (!nomec.test(document.Rubrica.tNome.value)||(docum ent.Rubrica.tNome.value=="")){
alert("Il Campo nome e' vuoto o comprende caratteri non consentiti ");
document.Rubrica.tNome.focus();
log = false;
return log;
}
var cognomec= /^([a-zA-Z '])+$/;
if (!cognomec.test(document.Rubrica.tCognome.value)|| document.Rubrica.tCognome.value==""){
alert("Il Campo cognome e' vuoto o comprende caratteri non consentiti ");
document.Rubrica.tCognome.focus();
log=false;
return log;
}
var telefonoc= /^[0-9]{9}/;
if (!telefonoc.test(document.Rubrica.tTelefono.value) || document.Rubrica.tTelefono.value==""){
alert(" Il campo telefono e' vuoto o contiene caratteri non consentiti(sono consentiti solo numeri ed essere composto da minimo 9 cifre )");
document.Rubrica.tTelefono.focus();
log=false;
return log;
}
if (TotRighe==0)
{TotRighe=tabella.rows.length;}
Row=tabella.insertRow(tabella.rows.length);
Cel=Row.insertCell();
Cel.innerHTML= document.Rubrica.tNome.value;
Cel=Row.insertCell();
Cel.innerHTML= document.Rubrica.tCognome.value;
Cel=Row.insertCell();
Cel.innerHTML= document.Rubrica.tTelefono.value;
Cel=Row.insertCell();
Cel.innerHTML= "<button onClick='deleteRow(this)'>Cancella Contatto</ button>";
}
function deleteRow(r)
{
var i = r.parentNode.parentNode.rowIndex;
document.getElementById("tabella").deleteRow(i);
}
function ricercaInRubrica(id_table){
PulisciRubrica(id_table);
var valore = document.Rubrica.campo.value;
var table = document.getElementById(id_table);
var celle = table.getElementsByTagName('td');
var contatore = 0;
for(var i=0; i<celle.length; i++){
if(celle[i].innerHTML==valore){
alert("Ecco il to numero: " +celle[i+1].innerHTML);
celle[i].className='trovato';
}
}
alert("i risultati della ricerca sono evidenziati in rosso");
}
function PulisciRubrica(id_table){
var table = document.getElementById(id_table);
var celle = table.getElementsByTagName('td');
for(var i=0; i<celle.length; i++){
celle[i].className='default';
}
}
//fine
HELP ME !
Rispondi quotando
