☰

» »

Javascript, form in submit

Javascript, form in submit

DOOM_er :: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title>Sinusi</title>
  <script language="Javascript">
  function sinusi(sinusor)
  { 
  		sinusor = Math.sin(kotnik/180*Math.PI);
      sinusor = sinusor * 100;
      sinusor = Math.round(sinusor);
      sinusor = sinusor/100;
  
  //kotnik = prompt("od kerga kota nprej?!: ") * 1;
  //slavko = prompt("do kerga kota?: ") * 1;
  }
  </script>
  </head>
  <body>
  <form name="kotozavr" method="get"> 
  Začetni kot: <input type="number" name="kotnik" id="kotnik" value=""></input> <br />
  Končni kot: <input type="number" name="slavko" id="slavko" value=""></input> <br />
  <input type="submit" name="prikaz" value="Klink sie" onClick="submit"> 
  </form>
  <script type="text/javascript" >
  var slavko = document.getElementById('slavko').value * 1;
  var kotnik = document.getElementById('kotnik').value * 1;
  var sinusor;
  document.write("<table border='1'>");
  document.write("<th>Kot</th><th>Sinus</th>");
  for( kotnik ;kotnik <= slavko; kotnik += 45 )
   {
      sinusor = sinusi(kotnik);
      document.write("<tr>")
      document.write("<td>" + kotnik + "</td>");      
      document.write("<td>" + sinusor + "</td>");
      document.write("</tr>");
   }
      document.write("</table>");
     
  
</script>
  </body>
</html>


s to kodo bi nekako rad, da se mi potem ko bi kliknil gumb izpiše spodaj tabela kotov od začetnega do končnega kota. Matematika zadaj je recimo v redu :), problem je samo to da se izpiše tabela s pritiskom na gumb.

nekaj podobnega bi rad naredil s spodnjim primerom, kjer bi prompt zamenjal s elementom form

<html>
 <head>

  <meta http-equiv="content-type" content="text/html; charset=cp-1250">

  <meta name="generator" content="Bluefish 2.0.1" >

  <title>HTMLZOR</title>

  </head>
</script>
<body>



<script type="text/javascript" >
var i;
var povp = 0;
var vsota = 0;
	do
		{
			i = prompt("vnesi številko (0 konča vnose) :") * 1;
			vsota += i;
			povp++;
		}
	while(i!=0);
document.write("Število vnesenih vrednosti " + (povp - 1));
document.write("<br />");
document.write("Vsota je :" + vsota);
document.write("<br />");
povp--;
document.write("Povprečna vrednost je :" + (vsota/povp));		
</script>
</body>


hvala za odgovore :D
Robots will steal your job. But that's OK

Trinitron ::

Vse kar hočeš da se zgodi po pritisku na gumb, moraš zapakirati v funkcijo in jo sprožiti na dogodek onclick. Ta funkcija pa spremeni vsebino nekega elementa (lastnost innerHTML).

Preprost primer:
<head>
  <script type="text/javascript">
    function klik()
    {
      document.getElementById("rezultat").innerHTML= 'Kliknili ste na gumb.';
    }
  </script>
</head>
<body>
  <input type="button" onclick="klik()">
  <div id="rezultat"></div>
</body>

DOOM_er ::

samo kako naj bi nalimal celo tabelo vkup recimo za tiste sinuse?
Robots will steal your job. But that's OK

Trinitron ::

Namesto document.write('nekaj') uporabljaj document.getElementById("rezultat").innerHTML += 'nekaj'.

Ali krajše:
var r = document.getElementById("rezultat");
r.innerHTML += 'nekaj';
r.innerHTML += 'še nekaj';
...

Lion29 ::

dejmo folk presaltat na jquery.... ker je grozno grdo gledat inline javascripto....


koda je zlo preprosta, logika se bolj

<form id="frm_racunaj" method="post">
<input id="val1" .... />
.....
<input type="submit" ... />
</form>


to je obrazec... nobenih onclick zadevscin al kaj

potem naredis nek div, kamor bos izpisoval rezultat
<dic id="rezultati"></div>




pa se JS
<script ....... koda za jquery></script>
<script type="text/javascript"... >
//koda za dokument ready
$('#frm_racunaj').submit(function(){
//tvoja matematika
var val1 = $('#val1').val();
var val2 = $('#val2').val();
var rezultat = val1 + val2;
//zdaj pa se zapisemo zadevo v div
$('#rezultati').html('Rezultat je: <b>'+rezultat+'</b>');
return false; //preprecimo formi, da dejansko sprozi submit in poslje podatke naprej
});
</script>


eto, to ti je to... prej se bos nehal zajebavat z documentWrite in getElementById in onClick etc, bolje bo zate
Founder and CTO @ Article-Factory.ai

DOOM_er ::

hvala, sicer prepozni odgovori ampak hvala vseeno. Sem potem pogruntal logiko in fasal 10 :)) .
Robots will steal your job. But that's OK

MisterR ::

Potem pa jo deli z preostalimi da tema ne ostane brez rešitve.

Če si želel da drugi pomagajo tebi, pomagaj še ti drugim ki bodo kdaj našli to temo.

Trinitron ::

Lion29 je izjavil:

dejmo folk presaltat na jquery.... ker je grozno grdo gledat inline javascripto....


Osebno ne razumem te hude potrebe po jquery. Saj koda je lepa in vse, funkcionalnosti pa ne doda čisto nobene in pri tako majhnih skriptah (velikost pod 10 kB) je zelo potratno dodajati celo knjižnico, da jo uporabiš v treh vrsticah...

DOOM_er ::

MisterR je izjavil:

Potem pa jo deli z preostalimi da tema ne ostane brez rešitve.

Če si želel da drugi pomagajo tebi, pomagaj še ti drugim ki bodo kdaj našli to temo. 


<html>
<head><title>tabela 2.0<title>
<script language="Javascript">
function klik()
{
	
	var vrst;
	var stol;
	vrst = document.getElementById('vrstice').value * 1;
	stol = document.getElementById('stolpci').value * 1;
	document.getElementById('tabela').innerHTML = tabela('tabela', vrst, stol);
	
}

function tabela(id, vrst, stol)
{
	var tabelca = '<table border="1">';
	
	for(i=0;i<vrst;i++)
	{
		tabelca += '<tr>'
		for(j=0;j<stol;j++)
			{
				tabelca += '<td>';
				tabelca += '&nbsp;';
				tabelca += '</td>';
			}
		tabelca += '</tr>';
	}
	tabelca += '</table>';
	return tabelca;
}
</script>
</head>
<body>
<form id="forma">
<input type="text" size="20" id="vrstice"></input> &nbsp;
<input type="text" size="20" id="stolpci"></input> &nbsp;
<input type="button" id="gumb" value="izpis" onClick="klik()"></input>
</form>
<div id="tabela"></div>
</body>
</html>


za 8 sm dobu dost osnovno nalogo prek prompta zgenerirat tabelo. To je pa baje za 10 :|
Robots will steal your job. But that's OK

Lion29 ::

Trinitron je izjavil:

Lion29 je izjavil:

dejmo folk presaltat na jquery.... ker je grozno grdo gledat inline javascripto....


Osebno ne razumem te hude potrebe po jquery. Saj koda je lepa in vse, funkcionalnosti pa ne doda čisto nobene in pri tako majhnih skriptah (velikost pod 10 kB) je zelo potratno dodajati celo knjižnico, da jo uporabiš v treh vrsticah...


se popolnoma strinjam, da je za majhne skriptice nepotreben overhead... ce bi vedel, da ima to za na faxu ali v soli, mu sigurno nebi predlagal...

ce ne razumes potrebe po jquery, ti pa ne morem pomagat. Zame, ki se profesionalno ukvarjam z razvojem spletnih aplikacij ze vrsto let... z ogromnim poudarkom na UI, pa je jQuery the holly grail on steroids! Niti se ne bom spuscal v detajle kje vse in koliko casa in zivcev mi je prisparal... je edini open source projekt (no poleg wikipedije) kateremu sem doniral ze kar nekaj cvenkov

a life saver
Founder and CTO @ Article-Factory.ai

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Javascript pomoč

Oddelek: Izdelava spletišč		202042 (1598) Lion29
»

Javascript - izračun razlike v datumih

Oddelek: Programiranje		81902 (1757) kogledom
»

Definiranje spremenjivke - javascript

Oddelek: Programiranje		51208 (1131) a-ptuj
»

Javascript problemcek

Oddelek: Programiranje		141584 (1377) tempoFlow
»

javascript branje datoteke

Oddelek: Izdelava spletišč		121236 (1153) gtu

Več podobnih tem