Mennyiség számítás javascriptel
2010-04-15T13:31:44+02:00
2010-04-16T21:11:19+02:00
2022-06-29T09:45:44+02:00
  • Ez nem az Állás kategória alá tartozik.


    Miért nem?

    Ha valaki tudna készíteni nekem egy ehhez szükséges JavaScriptet


    Nem elakadt és segítséget kér, hanem valaki csinálja meg helyette. Ez meg Állás/Munka
    Mutasd a teljes hozzászólást!
  • Nem én tettem ide. A moderátor helyezte át.
    Mutasd a teljes hozzászólást!
  • Igen, mint pl. azt is, hogy a megfelelő helyre nyisd a topikjaidat. Ez nem az Állás kategória alá tartozik.
    Mutasd a teljes hozzászólást!
  • Köszönöm szépen, tökéletesen működik! Ezt szerettem volna. Még nagyon sokat kell tanulnom.
    Mutasd a teljes hozzászólást!
  • Nálam tökéletesen működött...

    De Berakom ide a copy-paste verzióját...


    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <title>Site</title> <script language="javascript" type="text/javascript"> function setCookie(name, value, expires, path, domain, secure) { var today = new Date(); today.setTime(today.getTime()); if (expires) { expires = expires * 1000 * 60 * 60 * 24; } var expires_date = new Date(today.getTime() + (expires)); document.cookie = name + "=" + escape(value) + ((expires) ? ";expires=" + expires_date.toGMTString() : "") + ((path) ? ";path=" + path : "") + ((domain) ? ";domain=" + domain : "") + ((secure) ? ";secure" : ""); } function getCookie(check_name) { var a_all_cookies = document.cookie.split(';'); var a_temp_cookie = ''; var cookie_name = ''; var cookie_value = ''; var b_cookie_found = false; // set boolean t/f default f for (i = 0; i < a_all_cookies.length; i++) { a_temp_cookie = a_all_cookies[i].split('='); cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, ''); if (cookie_name == check_name) { b_cookie_found = true; if (a_temp_cookie.length > 1) { cookie_value = unescape(a_temp_cookie[1].replace(/^\s+|\s+$/g, '')); } return cookie_value; break; } a_temp_cookie = null; cookie_name = ''; } if (!b_cookie_found) { return null; } } function delCookie(name, path, domain) { if (Get_Cookie(name)) document.cookie = name + "=" + ((path) ? ";path=" + path : "") + ((domain) ? ";domain=" + domain : "") + ";expires=Thu, 01-Jan-1970 00:00:01 GMT"; } //end from http://techpatterns.com/downloads/javascript_cookies.php function desszert_mertek() { var mertek = document.getElementById('mertek'); var mertek_original = document.getElementById('mertek_original'); var number = document.getElementById('number'); if (number.value <= 0) return; if (number.value < 1) number.value = 1; if (isNaN(number.value)) return; if (number.value > 500) return; setCookie('desszert_mertek', number.value, 30, '/', '', ''); if ((number.value % 1) > 0) number.value++; number.value = number.value - (number.value % 1); var szorzo = number.value / mertek_original.innerHTML; mertek.innerHTML = number.value; var ertek; for (var i = 1; document.getElementById('mertek_'); i++) { var akt = document.getElementById('mertek_'); var akt_original = document.getElementById('mertek_original_'); ertek = akt_original.innerHTML * szorzo; akt.innerHTML = (Math.round((ertek - ertek % 0.1) * 10)) / 10; if ((akt.innerHTML % 1) >= 0.89) akt.innerHTML = Math.round(akt.innerHTML * 1 + 0.1); if ((akt.innerHTML % 1) <= 0.11) akt.innerHTML = Math.round(akt.innerHTML * 1 - 0.1); if (akt.innerHTML == 0) akt.innerHTML = 0.1; akt.id = "mertek_bak"; akt_original.id = "mertek_original_bak"; } for (var i = 1; document.getElementById('mertek_bak'); i++) { var akt = document.getElementById('mertek_bak'); var akt_original = document.getElementById('mertek_original_bak'); akt.id = "mertek_"; akt_original.id = "mertek_original_"; } } function desszert_mertek_start() { mertek = getCookie('desszert_mertek'); if (mertek != null && mertek != "") { var ide = document.getElementById('number'); ide.value = mertek; desszert_mertek(); } } function desszert_mertek_reset() { var number = document.getElementById('mertek_original'); setCookie('desszert_mertek', number.innerHTML, 30, '/', '', ''); } </script> </head> <body> <p><b>Elkészítési idő:</b> 130 perc<br /> <b>Sütés:</b> 185 C-on 40 perc</p> <p><b>Hány szeletre szóljon a recept?: <input type="text" size="2" id="number" onKeypress="if(event.keyCode==13){desszert_mertek();}" /> <input type="button" value="Számítás" onClick="desszert_mertek();" /> </b></p> <table valign="top"> <tr valign="top"> <td valign="top" width="330"><b>Hozzávalók (<font id="mertek">10</font><font id="mertek_original" style="display:none;">10</font> szelethez)</b> <p><i>A tészta:</i><br /> <font id="mertek_">1</font><font id="mertek_original_" style="display:none;">1</font> db tojássárgája<br /> <font id="mertek_">70</font><font id="mertek_original_" style="display:none;">70</font> g liszt<br /> <font id="mertek_">30</font><font id="mertek_original_" style="display:none;">30</font> ml tej<br /> <font id="mertek_">0.5</font><font id="mertek_original_" style="display:none;">0.5</font> csipet só</p> <p><i>A tésztába kent zsiradék:</i><br /> <font id="mertek_">75</font><font id="mertek_original_" style="display:none;">75</font> g zsír<br /> <font id="mertek_">75</font><font id="mertek_original_" style="display:none;">75</font> g liszt</p> <p><i>A töltelék:</i><br /> <font id="mertek_">1</font><font id="mertek_original_" style="display:none;">1</font> db citrom leve<br /> <font id="mertek_">660</font><font id="mertek_original_" style="display:none;">660</font> g (<font id="mertek_">3</font><font id="mertek_original_" style="display:none;">3</font>db) alma<br /> <font id="mertek_">10</font><font id="mertek_original_" style="display:none;">10</font> g van cukor<br /> <font id="mertek_">90</font><font id="mertek_original_" style="display:none;">90</font> g dió<br /> <font id="mertek_">25</font><font id="mertek_original_" style="display:none;">25</font> g édes morzsa (darált háztartási keksz)<br /> fahéj<br /> <font id="mertek_">40</font><font id="mertek_original_" style="display:none;">40</font> g porcukor</p> <p><i>A kenéshez, és szóráshoz:</i><br /> <font id="mertek_">15</font><font id="mertek_original_" style="display:none;">15</font> g olvasztott zsír<br /> <font id="mertek_">25</font><font id="mertek_original_" style="display:none;">25</font> g édes morzsa (darált háztartási keksz)</p> <div class="image-clear"></div></td> </tr> </table> </div> </body> </html>

    Egyébként nem illik így lopni kódot, főleg hogy az egész kód és logikája nem éppen bonyolult...
    Mutasd a teljes hozzászólást!
  • Igen, de nem változnak az értékek!
    Mutasd a teljes hozzászólást!
  • A js kódot <script></script> közé raktad???
    Mutasd a teljes hozzászólást!
  • Hát nem szeretnék nagyon butának látszani, ezért visszakérdezek. Arra gondolsz, hogy egy szerverről van adatbázis? PHP?
    Nem, az egész egy Html-ben írt oldal. Nagyon kezdő vagyok, az biztosan látszik! Egy olyan kódra lenne szükségem, amit be tudok építeni egy Html oldalba, és a leírtakat tudja.
    Mutasd a teljes hozzászólást!
  • és az alapadatok MYSQL ből jönnek ?
    Mutasd a teljes hozzászólást!
  • Köszönöm, és ki is próbáltam, de sajnos nem mükszik valamiért. Ha beírok egy számot, hogy "Hány adagra szóljon a recept?" nem írja át a mennyiségeket. Pedig ez lenne a lényeg, mert olyan felhasználóbaráttá színesíti az oldalt. Meg nem mindenki főz 10 adagot, lehet csak ketten vannak, és akkor felesleges annyi alapanyagot megvenni amennyit ír a recept. Azért köszi, hogy segíteni akarsz!
    Mutasd a teljes hozzászólást!
  • a js:
    function setCookie( name, value, expires, path, domain, secure ) { var today = new Date(); today.setTime( today.getTime() ); if ( expires ) { expires = expires * 1000 * 60 * 60 * 24; } var expires_date = new Date( today.getTime() + (expires) ); document.cookie = name + "=" +escape( value ) + ( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) + ( ( path ) ? ";path=" + path : "" ) + ( ( domain ) ? ";domain=" + domain : "" ) + ( ( secure ) ? ";secure" : "" ); } function getCookie( check_name ) { var a_all_cookies = document.cookie.split( ';' ); var a_temp_cookie = ''; var cookie_name = ''; var cookie_value = ''; var b_cookie_found = false; // set boolean t/f default f for ( i = 0; i < a_all_cookies.length; i++ ) { a_temp_cookie = a_all_cookies[i].split( '=' ); cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, ''); if ( cookie_name == check_name ) { b_cookie_found = true; if ( a_temp_cookie.length > 1 ) { cookie_value = unescape( a_temp_cookie[1].replace(/^\s+|\s+$/g, '') ); } return cookie_value; break; } a_temp_cookie = null; cookie_name = ''; } if ( !b_cookie_found ) { return null; } } function delCookie( name, path, domain ) { if ( Get_Cookie( name ) ) document.cookie = name + "=" + ( ( path ) ? ";path=" + path : "") + ( ( domain ) ? ";domain=" + domain : "" ) + ";expires=Thu, 01-Jan-1970 00:00:01 GMT"; } //end from http://techpatterns.com/downloads/javascript_cookies.php function desszert_mertek() { var mertek = document.getElementById('mertek'); var mertek_original = document.getElementById('mertek_original'); var number = document.getElementById('number'); if (number.value <= 0) return; if (number.value < 1) number.value=1; if (isNaN(number.value)) return; if (number.value > 500) return; setCookie('desszert_mertek',number.value,30,'/','',''); if ((number.value%1)>0) number.value++; number.value=number.value-(number.value%1); var szorzo = number.value / mertek_original.innerHTML; mertek.innerHTML = number.value; var ertek; for (var i = 1; document.getElementById('mertek_') ; i++) { var akt=document.getElementById('mertek_'); var akt_original=document.getElementById('mertek_original_'); ertek=akt_original.innerHTML*szorzo; akt.innerHTML=(Math.round((ertek-ertek%0.1)*10))/10; if ((akt.innerHTML%1)>=0.89) akt.innerHTML=Math.round(akt.innerHTML*1+0.1); if ((akt.innerHTML%1)<=0.11) akt.innerHTML=Math.round(akt.innerHTML*1-0.1); if (akt.innerHTML==0) akt.innerHTML=0.1; akt.id="mertek_bak"; akt_original.id="mertek_original_bak"; } for (var i = 1; document.getElementById('mertek_bak') ; i++) { var akt=document.getElementById('mertek_bak'); var akt_original=document.getElementById('mertek_original_bak'); akt.id="mertek_"; akt_original.id="mertek_original_"; } } function desszert_mertek_start() { mertek=getCookie('desszert_mertek'); if (mertek!=null && mertek!="") { var ide=document.getElementById('number'); ide.value = mertek; desszert_mertek(); } } function desszert_mertek_reset() { var number=document.getElementById('mertek_original'); setCookie('desszert_mertek',number.innerHTML,30,'/','',''); }

    A html:
    <p><b>Elkészítési idő:</b> 130 perc<br /> <b>Sütés:</b> 185 C-on 40 perc</p> <p><b>Hány szeletre szóljon a recept?: <input type="text" size="2" id="number" onKeypress="if(event.keyCode==13){desszert_mertek();}" /><input type="button" value="Számítás" onClick="desszert_mertek();" /> </b></p> <table valign="top"> <tr valign="top"> <td valign="top" width="330"> <b>Hozzávalók (<font id="mertek">10</font><font id="mertek_original" style="display:none;">10</font> szelethez)</b> <p><i>A tészta:</i><br /> <font id="mertek_">1</font><font id="mertek_original_" style="display:none;">1</font> db tojássárgája<br /> <font id="mertek_">70</font><font id="mertek_original_" style="display:none;">70</font> g liszt<br /> <font id="mertek_">30</font><font id="mertek_original_" style="display:none;">30</font> ml tej<br /> <font id="mertek_">0.5</font><font id="mertek_original_" style="display:none;">0.5</font> csipet só</p> <p><i>A tésztába kent zsiradék:</i><br /> <font id="mertek_">75</font><font id="mertek_original_" style="display:none;">75</font> g zsír<br /> <font id="mertek_">75</font><font id="mertek_original_" style="display:none;">75</font> g liszt</p> <p><i>A töltelék:</i><br /> <font id="mertek_">1</font><font id="mertek_original_" style="display:none;">1</font> db citrom leve<br /> <font id="mertek_">660</font><font id="mertek_original_" style="display:none;">660</font> g (<font id="mertek_">3</font><font id="mertek_original_" style="display:none;">3</font>db) alma<br /> <font id="mertek_">10</font><font id="mertek_original_" style="display:none;">10</font> g van cukor<br /> <font id="mertek_">90</font><font id="mertek_original_" style="display:none;">90</font> g dió<br /> <font id="mertek_">25</font><font id="mertek_original_" style="display:none;">25</font> g édes morzsa (darált háztartási keksz)<br /> fahéj<br /> <font id="mertek_">40</font><font id="mertek_original_" style="display:none;">40</font> g porcukor</p> <p><i>A kenéshez, és szóráshoz:</i><br /> <font id="mertek_">15</font><font id="mertek_original_" style="display:none;">15</font> g olvasztott zsír<br /> <font id="mertek_">25</font><font id="mertek_original_" style="display:none;">25</font> g édes morzsa (darált háztartási keksz)</p> <div class="image-clear"></div></td></tr></table> </div>


    De miért nem nézted meg a forrást??
    Mutasd a teljes hozzászólást!
  • Sziasztok! Szeretnék segítséget kérni, mert igen csak kezdő létemre egy gasztronómia-recept gyűjteményes honlapot szeretnék készíteni. Fotók, hozzávalók stb., de a neheze számomra az, hogy az alkotóelemek mennyiségét a felhasználó tudja változtatni, úgy, ha beírja hány főre főzne (mint pld. a desszert.eu oldalon) Ennek megoldásához szeretnék segítséget kérni. Ha valaki tudna készíteni nekem egy ehhez szükséges JavaScriptet, annak nagyon örülnék! Remélem jól kérdeztem, de azért mellékelek egy linket, hogy érthetőbb legyen.

    Ezen az oldalon találni páldát!

    Előre is köszönöm!
    Mutasd a teljes hozzászólást!
abcd