ugrás a tartalomhoz

Javascript adatok feldolgozása?

travez · 2012. Május. 25. (P), 20.32
Sziasztok,

Készítek egy űrlapot, és van egy elem, amit nem tudok "üzembe helyezni", mert nem értek a javascript-hez, és ebben szeretném a segítségeteket kérni.

A cél az, hogy az alábbi js elem adatait valahogy feldolgozza, és email-ban elküldje nekem, PHPval.

Mellékeltem a példát az elemről.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS Példa</title>

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

<!-- JS --> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 
  <script>
  $(document).ready(function() {
    $(".slider").slider();
  });
  </script>


</head>

<body>
         <div align="center">   
         <h1 align="center">Milyen ruhákat szeretsz hordani?</h1>
           <table width="600" border="0">
     		 <tr>
               <td width="9%" height="40">Egyszínű</td>
         		<td width="82%" height="40" align="center" >
               	  <div class="slider"></div>
                	<script>
						$(".slider").slider({
							 animate: true,
								value: 50,
								step: 10,
						
						});
					</script>
               </td>
       		   <td width="9%" height="40">Színes</td>
             </tr>
              <tr>
                <td width="9%" height="40">Sportos</td>
         		<td width="82%" height="40" align="center">
               	  <div class="slider"></div>
                	<script>
						$(".slider").slider({
							 animate: true,
								value: 50,
								step: 10,
						
						});
					</script>
                </td>
                <td width="9%" height="40">Elegáns</td>
             </tr>
              <tr>
                <td width="9%" height="40">Laza</td>
         		<td width="82%" height="40" align="center">
               	  <div class="slider"></div>
                	<script>
						$(".slider").slider({
							 animate: true,
								value: 50,
								step: 10,
						
						});
					</script>
                </td>
                <td width="9%" height="40">Komoly</td>
             </tr>
      </table>

	</div>


</body>
</html>
‹ Űrlap elemek igazítása Method overloading (JavaScript) ›
 ■
1

JS elem?

Poetro · 2012. Május. 25. (P), 22.28
Milyen JS elem? Nem igazán érthető a probléma, és hogy mit is szeretnél. Ha a slider értékét szeretnéd elküldeni, akkor használj egy HTML5-ös űrlapot, és abban egy range elemet. A legtöbb böngésző ezt egy slider-ként fogja megjeleníteni. Amelyik nem, na ott kell majd varázsolni, például a jQuery-s sliderrel lecserélni az elemet. De kereshetsz más polyfill-t is a problémára, vagy ami még jobb, megtanulhatod a JavaScript nyelvet.
2

Igen, slidert szeretnék.

travez · 2012. Május. 26. (Szo), 07.00
Igen, slidert szeretnék. Köszi a választ, akkor utánajárok a HTML 5-nek. :)
3

Kérlek ezentúl

inf · 2012. Május. 29. (K), 00.38
Kérlek ezentúl a

⌈colorer=nyelv⌋ code ⌈/colorer⌋
szintaxissal színezd a kódodat, ne a

⌈code⌋ code ⌈/code⌋
-al.

Sokkal szebb és érthetőbb úgy. A nyelv helyére beteheted pl: html, php, javascript, cmd, stb... (Jelen esetben html.)