בונים מחשבון המרת מטבע עם הAPI של גוגל

ברוכים הבאים / השבים… היום, אנחנו עושים את הצעד הראשון מיני רבים בעבודה אל מול API'ים שונים מרחבי העולם והיום הAPI של גוגל (אחד מהם) אשר יאפשר לנו ליצור מחשבון המרת מטבע בקלות ובסטייל. אז… אני מקווה שאתם מסוקרנים ומוכנים כי המדריך יהיה מהיר וממוקד.

מה אתם צריכים לדעת?

  • ידע בסיסי בHTML
  • ידע בסיסי בCSS
  • ידע בסיסי בPHP
  • ידע בסיסי בJavascript / Jquery
  • זמן פנוי ורצון ללמוד!

  • אהבתם? שתפו!

דוגמה חיה

מחשבון המרת מטבע

הזינו ערכים:

תוצאות נוספות:

1 =
10 =
100 =
1000 =
תוצאה:

נחמד נכון? יצאנו לדרך!

ראשית אני מדביק את כל הקוד – לפעמים זה מתיש למצוא את הקוד בתוך כל הבבלת – הנה הנה הקוד

קוד הטופס +
<div id="convertform-form">
	<div class="bg2 p2"><h3 class="m0">מחשבון המרת מטבע</h3></div>
	<div class="convertform bg3 p3">
		
		<div class="row">
			<div class="col-md-4">
				<h4 class="mt0 bold">הזינו ערכים:</h4>
				<div class="camount form-group">
					<input type="text" id="amount" class="form-control" placeholder="הזן כמות" value="1" />
				</div>
				<div class="fromcurrency form-group">
					<select name="from" id="from" class="form-control">
						<option value="ILS"> שקל ישראלי (₪) </option>
						<option value="USD" selected> דולר אמריקאי (USD) </option>
						<option value="EUR"> אירו (EUR) </option>
						<option value="GBP"> פאונד בריטי (GBP) </option>
						<option value="DEM"> מארק גרמני (DEM) </option>
						<option value="FRF"> צרפת, פרנק (FRF) </option>
						<option value="CAD"> דולר קנדי (CAD) </option>
						<option value="AUD"> דולר אוסטרלי (AUD) </option>
						<option value="CHF"> פרנק שוויצרי (CHF) </option>
						<option value="BTC"> ביטקוין (BTC) </option>
						<option value="" disabled> ---------- </option>
						<option value="AED"> איחוד האמירויות הערבי דירהם (AED) </option>
						<option value="AFN"> אפגני אפגני (AFN) </option>
						<option value="ALL"> האלבני לק (ALL) </option>
						<option value="AMD"> דראם הארמני (AMD) </option>
						<option value="ANG"> הולנד, גילדר (ANG) </option>
						<option value="AOA"> אנגולי אנגולה (AOA) </option>
						<option value="ARS"> פזו הארגנטיני (ARS) </option>
						<option value="AWG"> פלורין, ארובה (AWG) </option>
						<option value="AZN"> אזרביג'אן טורקמאני (AZN) </option>
						<option value="BAM"> בוסניה-הרצגובינה מארק להמרה (BAM) </option>
						<option value="BBD"> דולר ברבדיאני (BBD) </option>
						<option value="BDT"> בנגלדש טאקה (BDT) </option>
						<option value="BGN"> לב בולגרי (BGN) </option>
						<option value="BHD"> דינר בחרייני (BHD) </option>
						<option value="BIF"> בורונדי פרנק (BIF) </option>
						<option value="BMD"> ברמודה דולר (BMD) </option>
						<option value="BND"> דולר ברוניי (BND) </option>
						<option value="BOB"> וליביאנו הבוליביאני (BOB) </option>
						<option value="BRL"> (BRL) ריאל ברזילאים </option>
						<option value="BSD"> דולר בהאמי (BSD) </option>
						<option value="BTN"> בהוטאן (BTN) </option>
						<option value="BWP"> בוצואנה פולה (BWP) </option>
						<option value="BYR"> בלארוסית רובל (BYR) </option>
						<option value="BZD"> בליז דולר (BZD) </option>
						<option value="CDF"> קונגו פרנק (CDF) </option>
						<option value="CLF"> צ'ילה (CLF) </option>
						<option value="CLP"> פזו צ'יליאני (CLP) </option>
						<option value="CNY"> יואן הסיני (CN ¥) </option>
						<option value="COP"> פזו הקולומביאני (COP) </option>
						<option value="CRC"> קוסטה ריקה (CRC) </option>
						<option value="CUP"> פזו קובני (CUP)</option>
						<option value="CVE"> אסקודו הכף ורדה (CVE) </option>
						<option value="CZK"> קורונה הצ'כית (CZK) </option>
						<option value="DJF"> פרנק ג'יבוטי (DJF) </option>
						<option value="DKK"> כתר דני (DKK) </option>
						<option value="DOP"> הדומיניקני פזו (DOP) </option>
						<option value="DZD"> האלג'ירי דינר (DZD) </option>
						<option value="EGP"> לירה מצרית (EGP) </option>
						<option value="ERN"> אריתריאה נאקפה (ERN) </option>
						<option value="ETB"> ביר אתיופי (ETB) </option>
						<option value="FIM"> מרק פיני (FIM) </option>
						<option value="FJD"> דולר פיג'י (FJD) </option>
						<option value="FKP"> איי פוקלנד לירה (FKP) </option>
						<option value="GEL"> לארי גאורגיה (GEL) </option>
						<option value="GHS"> סדי גאני (GHS) </option>
						<option value="GIP"> פאונד גיברלטר (GIP) </option>
						<option value="GMD"> גמביה Dalasi (GMD) </option>
						<option value="GNF"> גינאה פרנק (GNF) </option>
						<option value="GTQ"> גואטמלה קצאל (GTQ) </option>
						<option value="GYD"> דולר גיאני (GYD) </option>
						<option value="HKD"> דולר הונג קונגי (HK $) </option>
						<option value="HNL"> הונדורס למפירה (HNL) </option>
						<option value="HRK"> קונה קרואטי (HRK) </option>
						<option value="HTG"> האיטי גארד (HTG) </option>
						<option value="HUF"> פורינט ההונגרי (HUF) </option>
						<option value="IDR"> רופיה אינדונזיים (IDR) </option>
						<option value="IEP"> אירי לירה (IEP) </option>
						<option value="INR"> רופי הודי (INR) </option>
						<option value="IQD"> דינר עירקי (IQD) </option>
						<option value="IRR"> ריאל איראני (IRR) </option>
						<option value="ISK"> כתר איסלנדי (ISK) </option>
						<option value="ITL"> לירה איטלקית (ITL) </option>
						<option value="JMD"> דולר ג'מייקני (JMD) </option>
						<option value="JOD"> דינר הירדני (JOD) </option>
						<option value="JPY"> ין יפני (JPY) </option>
						<option value="KES"> שילינג קנייאתי</option>
						<option value="KGS"> סום קירגיזי (KGS) </option>
						<option value="KHR"> הקמבודי רייל (KHR) </option>
						<option value="KMF"> קומורואי פרנק (KMF) </option>
						<option value="KPW"> צפון קוריאני (KPW) </option>
						<option value="KRW"> דרום קוריאני (?) </option>
						<option value="KWD"> דינר הכוויתי (KWD) </option>
						<option value="KYD"> קיימן דולר האי (KYD) </option>
						<option value="KZT"> קזחסטן טנגה (KZT) </option>
						<option value="LAK"> קיפ Laotian (LAK) </option>
						<option value="LBP"> לירה לבנונית (LBP) </option>
						<option value="LKR"> רופי סרי לנקה (LKR) </option>
						<option value="LRD"> דולר ליברי (LRD) </option>
						<option value="LSL"> לסוטו לוטי (LSL) </option>
						<option value="LTL"> ליטא ליטאית (LTL) </option>
						<option value="LVL"> לט הלטבי (LVL) </option>
						<option value="LYD"> דינר הלובי (LYD) </option>
						<option value="MAD"> דירהם מרוקאי (MAD) </option>
						<option value="MDL"> ליאו מולדובני (MDL) </option>
						<option value="MGA"> מדגסקר Ariary (MGA) </option>
						<option value="MKD"> המקדוני Denar (MKD) </option>
						<option value="MMK"> מיאנמר Kyat (MMK) </option>
						<option value="MNT"> Tugrik המונגולי (MNT) </option>
						<option value="MOP"> פטקה (MOP) </option>
						<option value="MRO"> מאוריטניה Ouguiya (MRO) </option>
						<option value="MUR"> רופי מאוריציוס (MUR) </option>
						<option value="MVR"> האיים המלדיביםRufiyaa (MVR) </option>
						<option value="MWK"> מלאווי Kwacha (MWK) </option>
						<option value="MXN"> פזו המקסיקני (MX $) </option>
						<option value="MYR"> רינגיט המלזי (MYR) </option>
						<option value="MZN"> Mozambican Metical (MZN) </option>
						<option value="NAD"> נמיביה דולר (NAD) </option>
						<option value="NGN"> הניגרי נאירה (NGN) </option>
						<option value="NIO"> קורדובה ניקרגואה (NIO) </option>
						<option value="NOK"> כתר נורבגי (NOK) </option>
						<option value="NPR"> רופי נפאלי (NPR) </option>
						<option value="NZD"> דולר ניו זילנדי (NZ $) </option>
						<option value="OMR"> Omani ריאל (OMR) </option>
						<option value="PAB"> בלבואה פנמי (PAB) </option>
						<option value="PEN"> נואבו סול הפרואני (PEN) </option>
						<option value="PGK"> פפואה ניו גינאה קינה (PGK) </option>
						<option value="PHP"> פזו פיליפיני (PHP) </option>
						<option value="PKG"> PKG (PKG) </option>
						<option value="PKR"> רופי פקיסטניים (PKR) </option>
						<option value="PLN"> זלוטי הפולני (PLN) </option>
						<option value="PYG"> פרגוואי גוארני (PYG) </option>
						<option value="QAR"> ריאל קטארי (QAR) </option>
						<option value="RON"> לאו רומני</option>
						<option value="RSD"> דינר הסרבי (RSD) </option>
						<option value="RUB"> רובל רוסי (RUB) </option>
						<option value="RWF"> רואנדה פרנק (RWF) </option>
						<option value="SAR"> ריאל הסעודי (SAR) </option>
						<option value="SBD"> דולר האי שלמה (SBD) </option>
						<option value="SCR"> רופי סיישלי (SCR) </option>
						<option value="SDG"> לירה סודנית (SDG) </option>
						<option value="SEK"> כתר שוודי (SEK) </option>
						<option value="SGD"> דולר סינגפורי (SGD) </option>
						<option value="SHP"> St. הלני (SHP) </option>
						<option value="SKK"> קורונה הסלובקית (SKK) </option>
						<option value="SLL"> סיירה לאונה Leonean (SLL) </option>
						<option value="SOS"> סומלית שילינג (SOS) </option>
						<option value="SRD"> סורינאם דולר (SRD) </option>
						<option value="SVC"> אל סלבדור (SVC) </option>
						<option value="SYP"> לירה סורית (SYP) </option>
						<option value="SZL"> סווזילנד לילנגני (SZL) </option>
						<option value="THB"> בהט התאילנדי (THB) </option>
						<option value="TJS"> טג'יקיסטן קיסטני (TJS) </option>
						<option value="TMT"> מנאט טורקמאני (TMT) </option>
						<option value="TND"> דינר טוניסאי (TND) </option>
						<option value="top"> פנאנגה טונגה (TOP) </option>
						<option value="TRY"> לירה טורקית (TRY) </option>
						<option value="TTD"> טרינידד טובגו דולר (TTD) </option>
						<option value="TWD"> חדש טייוואן דולר (TWD) </option>
						<option value="TZS"> שילינג טנזני (TZS) </option>
						<option value="UAH"> גריבנה האוקראינית (UAH) </option>
						<option value="UGX"> אוגנדה שילינג (UGX) </option>
						<option value="UYU"> פזו אורוגוואי (UYU) </option>
						<option value="UZS"> אוזבקיסטן Sum (UZS) </option>
						<option value="VEF"> ונצואלה בול? Var (VEF) </option>
						<option value="VND"> דונג וייטנאמי (VND) </option>
						<option value="VUV"> ונואטו ואטו (VUV) </option>
						<option value="WST"> טאלה סמואי (WST) </option>
						<option value="XAF"> המרכז האפריקאי CFA פרנק (FCFA) </option>
						<option value="XCD"> מזרח קריבי (EC $) </option>
						<option value="XDR"> זכויות משיכה מיוחדות (XDR) </option>
						<option value="XOF"> מערב אפריקה CFA פרנק (CFA) </option>
						<option value="XPF"> CFP פרנק (CFPF) </option>
						<option value="YER"> ריאל תימני (YER) </option>
						<option value="ZAR"> ראנד הדרום האפריקאי (ZAR) </option>
						<option value="ZMW"> זמביה Kwacha (ZMW) </option>
						<option value="ZWL"> זימבבואה דולר (ZWL) </option>
					</select>
				</div>
				<div class="tocurrency form-group">
					<select name="to" id="to" class="form-control">
						<option value="ILS" selected> שקל ישראלי (₪) </option>
						<option value="USD"> דולר אמריקאי (USD) </option>
						<option value="EUR"> אירו (EUR) </option>
						<option value="GBP"> פאונד בריטי (GBP) </option>
						<option value="DEM"> מארק גרמני (DEM) </option>
						<option value="FRF"> צרפת, פרנק (FRF) </option>
						<option value="CAD"> דולר קנדי (CAD) </option>
						<option value="AUD"> דולר אוסטרלי (AUD) </option>
						<option value="CHF"> פרנק שוויצרי (CHF) </option>
						<option value="BTC"> ביטקוין (BTC) </option>
						<option value="" disabled> ---------- </option>
						<option value="AED"> איחוד האמירויות הערבי דירהם (AED) </option>
						<option value="AFN"> אפגני אפגני (AFN) </option>
						<option value="ALL"> האלבני לק (ALL) </option>
						<option value="AMD"> דראם הארמני (AMD) </option>
						<option value="ANG"> הולנד, גילדר (ANG) </option>
						<option value="AOA"> אנגולי אנגולה (AOA) </option>
						<option value="ARS"> פזו הארגנטיני (ARS) </option>
						<option value="AWG"> פלורין, ארובה (AWG) </option>
						<option value="AZN"> אזרביג'אן טורקמאני (AZN) </option>
						<option value="BAM"> בוסניה-הרצגובינה מארק להמרה (BAM) </option>
						<option value="BBD"> דולר ברבדיאני (BBD) </option>
						<option value="BDT"> בנגלדש טאקה (BDT) </option>
						<option value="BGN"> לב בולגרי (BGN) </option>
						<option value="BHD"> דינר בחרייני (BHD) </option>
						<option value="BIF"> בורונדי פרנק (BIF) </option>
						<option value="BMD"> ברמודה דולר (BMD) </option>
						<option value="BND"> דולר ברוניי (BND) </option>
						<option value="BOB"> וליביאנו הבוליביאני (BOB) </option>
						<option value="BRL"> (BRL) ריאל ברזילאים </option>
						<option value="BSD"> דולר בהאמי (BSD) </option>
						<option value="BTN"> בהוטאן (BTN) </option>
						<option value="BWP"> בוצואנה פולה (BWP) </option>
						<option value="BYR"> בלארוסית רובל (BYR) </option>
						<option value="BZD"> בליז דולר (BZD) </option>
						<option value="CDF"> קונגו פרנק (CDF) </option>
						<option value="CLF"> צ'ילה (CLF) </option>
						<option value="CLP"> פזו צ'יליאני (CLP) </option>
						<option value="CNY"> יואן הסיני (CN ¥) </option>
						<option value="COP"> פזו הקולומביאני (COP) </option>
						<option value="CRC"> קוסטה ריקה (CRC) </option>
						<option value="CUP"> פזו קובני (CUP)</option>
						<option value="CVE"> אסקודו הכף ורדה (CVE) </option>
						<option value="CZK"> קורונה הצ'כית (CZK) </option>
						<option value="DJF"> פרנק ג'יבוטי (DJF) </option>
						<option value="DKK"> כתר דני (DKK) </option>
						<option value="DOP"> הדומיניקני פזו (DOP) </option>
						<option value="DZD"> האלג'ירי דינר (DZD) </option>
						<option value="EGP"> לירה מצרית (EGP) </option>
						<option value="ERN"> אריתריאה נאקפה (ERN) </option>
						<option value="ETB"> ביר אתיופי (ETB) </option>
						<option value="FIM"> מרק פיני (FIM) </option>
						<option value="FJD"> דולר פיג'י (FJD) </option>
						<option value="FKP"> איי פוקלנד לירה (FKP) </option>
						<option value="GEL"> לארי גאורגיה (GEL) </option>
						<option value="GHS"> סדי גאני (GHS) </option>
						<option value="GIP"> פאונד גיברלטר (GIP) </option>
						<option value="GMD"> גמביה Dalasi (GMD) </option>
						<option value="GNF"> גינאה פרנק (GNF) </option>
						<option value="GTQ"> גואטמלה קצאל (GTQ) </option>
						<option value="GYD"> דולר גיאני (GYD) </option>
						<option value="HKD"> דולר הונג קונגי (HK $) </option>
						<option value="HNL"> הונדורס למפירה (HNL) </option>
						<option value="HRK"> קונה קרואטי (HRK) </option>
						<option value="HTG"> האיטי גארד (HTG) </option>
						<option value="HUF"> פורינט ההונגרי (HUF) </option>
						<option value="IDR"> רופיה אינדונזיים (IDR) </option>
						<option value="IEP"> אירי לירה (IEP) </option>
						<option value="INR"> רופי הודי (INR) </option>
						<option value="IQD"> דינר עירקי (IQD) </option>
						<option value="IRR"> ריאל איראני (IRR) </option>
						<option value="ISK"> כתר איסלנדי (ISK) </option>
						<option value="ITL"> לירה איטלקית (ITL) </option>
						<option value="JMD"> דולר ג'מייקני (JMD) </option>
						<option value="JOD"> דינר הירדני (JOD) </option>
						<option value="JPY"> ין יפני (JPY) </option>
						<option value="KES"> שילינג קנייאתי</option>
						<option value="KGS"> סום קירגיזי (KGS) </option>
						<option value="KHR"> הקמבודי רייל (KHR) </option>
						<option value="KMF"> קומורואי פרנק (KMF) </option>
						<option value="KPW"> צפון קוריאני (KPW) </option>
						<option value="KRW"> דרום קוריאני (?) </option>
						<option value="KWD"> דינר הכוויתי (KWD) </option>
						<option value="KYD"> קיימן דולר האי (KYD) </option>
						<option value="KZT"> קזחסטן טנגה (KZT) </option>
						<option value="LAK"> קיפ Laotian (LAK) </option>
						<option value="LBP"> לירה לבנונית (LBP) </option>
						<option value="LKR"> רופי סרי לנקה (LKR) </option>
						<option value="LRD"> דולר ליברי (LRD) </option>
						<option value="LSL"> לסוטו לוטי (LSL) </option>
						<option value="LTL"> ליטא ליטאית (LTL) </option>
						<option value="LVL"> לט הלטבי (LVL) </option>
						<option value="LYD"> דינר הלובי (LYD) </option>
						<option value="MAD"> דירהם מרוקאי (MAD) </option>
						<option value="MDL"> ליאו מולדובני (MDL) </option>
						<option value="MGA"> מדגסקר Ariary (MGA) </option>
						<option value="MKD"> המקדוני Denar (MKD) </option>
						<option value="MMK"> מיאנמר Kyat (MMK) </option>
						<option value="MNT"> Tugrik המונגולי (MNT) </option>
						<option value="MOP"> פטקה (MOP) </option>
						<option value="MRO"> מאוריטניה Ouguiya (MRO) </option>
						<option value="MUR"> רופי מאוריציוס (MUR) </option>
						<option value="MVR"> האיים המלדיביםRufiyaa (MVR) </option>
						<option value="MWK"> מלאווי Kwacha (MWK) </option>
						<option value="MXN"> פזו המקסיקני (MX $) </option>
						<option value="MYR"> רינגיט המלזי (MYR) </option>
						<option value="MZN"> Mozambican Metical (MZN) </option>
						<option value="NAD"> נמיביה דולר (NAD) </option>
						<option value="NGN"> הניגרי נאירה (NGN) </option>
						<option value="NIO"> קורדובה ניקרגואה (NIO) </option>
						<option value="NOK"> כתר נורבגי (NOK) </option>
						<option value="NPR"> רופי נפאלי (NPR) </option>
						<option value="NZD"> דולר ניו זילנדי (NZ $) </option>
						<option value="OMR"> Omani ריאל (OMR) </option>
						<option value="PAB"> בלבואה פנמי (PAB) </option>
						<option value="PEN"> נואבו סול הפרואני (PEN) </option>
						<option value="PGK"> פפואה ניו גינאה קינה (PGK) </option>
						<option value="PHP"> פזו פיליפיני (PHP) </option>
						<option value="PKG"> PKG (PKG) </option>
						<option value="PKR"> רופי פקיסטניים (PKR) </option>
						<option value="PLN"> זלוטי הפולני (PLN) </option>
						<option value="PYG"> פרגוואי גוארני (PYG) </option>
						<option value="QAR"> ריאל קטארי (QAR) </option>
						<option value="RON"> לאו רומני</option>
						<option value="RSD"> דינר הסרבי (RSD) </option>
						<option value="RUB"> רובל רוסי (RUB) </option>
						<option value="RWF"> רואנדה פרנק (RWF) </option>
						<option value="SAR"> ריאל הסעודי (SAR) </option>
						<option value="SBD"> דולר האי שלמה (SBD) </option>
						<option value="SCR"> רופי סיישלי (SCR) </option>
						<option value="SDG"> לירה סודנית (SDG) </option>
						<option value="SEK"> כתר שוודי (SEK) </option>
						<option value="SGD"> דולר סינגפורי (SGD) </option>
						<option value="SHP"> St. הלני (SHP) </option>
						<option value="SKK"> קורונה הסלובקית (SKK) </option>
						<option value="SLL"> סיירה לאונה Leonean (SLL) </option>
						<option value="SOS"> סומלית שילינג (SOS) </option>
						<option value="SRD"> סורינאם דולר (SRD) </option>
						<option value="SVC"> אל סלבדור (SVC) </option>
						<option value="SYP"> לירה סורית (SYP) </option>
						<option value="SZL"> סווזילנד לילנגני (SZL) </option>
						<option value="THB"> בהט התאילנדי (THB) </option>
						<option value="TJS"> טג'יקיסטן קיסטני (TJS) </option>
						<option value="TMT"> מנאט טורקמאני (TMT) </option>
						<option value="TND"> דינר טוניסאי (TND) </option>
						<option value="top"> פנאנגה טונגה (TOP) </option>
						<option value="TRY"> לירה טורקית (TRY) </option>
						<option value="TTD"> טרינידד טובגו דולר (TTD) </option>
						<option value="TWD"> חדש טייוואן דולר (TWD) </option>
						<option value="TZS"> שילינג טנזני (TZS) </option>
						<option value="UAH"> גריבנה האוקראינית (UAH) </option>
						<option value="UGX"> אוגנדה שילינג (UGX) </option>
						<option value="UYU"> פזו אורוגוואי (UYU) </option>
						<option value="UZS"> אוזבקיסטן Sum (UZS) </option>
						<option value="VEF"> ונצואלה בול? Var (VEF) </option>
						<option value="VND"> דונג וייטנאמי (VND) </option>
						<option value="VUV"> ונואטו ואטו (VUV) </option>
						<option value="WST"> טאלה סמואי (WST) </option>
						<option value="XAF"> המרכז האפריקאי CFA פרנק (FCFA) </option>
						<option value="XCD"> מזרח קריבי (EC $) </option>
						<option value="XDR"> זכויות משיכה מיוחדות (XDR) </option>
						<option value="XOF"> מערב אפריקה CFA פרנק (CFA) </option>
						<option value="XPF"> CFP פרנק (CFPF) </option>
						<option value="YER"> ריאל תימני (YER) </option>
						<option value="ZAR"> ראנד הדרום האפריקאי (ZAR) </option>
						<option value="ZMW"> זמביה Kwacha (ZMW) </option>
						<option value="ZWL"> זימבבואה דולר (ZWL) </option>
					</select>
				</div>
			
			</div>
			<div class="col-md-8">
				<div class="results">
					<h4 class="mt0 bold">תוצאות נוספות:</h4>
					<table class="table table-responsive table-noborder table-condensed">
						<tr>
							<td>1 <span class="convertfrom_txt"></span></td>
							<td>=</td>
							<td><span id="one_unit"></span> <span class="convertto_txt"></span></td>
						</tr>
						<tr>
							<td>10 <span class="convertfrom_txt"></span></td>
							<td>=</td>
							<td><span id="ten_unit"></span> <span class="convertto_txt"></span></td>
						</tr>
						<tr>
							<td>100 <span class="convertfrom_txt"></span></td>
							<td>=</td>
							<td><span id="hundred_unit"></span> <span class="convertto_txt"></span></td>
						</tr>
						<tr>
							<td>1000 <span class="convertfrom_txt"></span></td>
							<td>=</td>
							<td><span id="thousand_unit"></span> <span class="convertto_txt"></span></td>
						</tr>
					</table>
				</div>
			</div>
			<div class="col-md-12 mt2 mb2">
				<div class="bg-warning p1 bold c1">תוצאה: <span id="cresult"></span></div>
			</div>
			
			
			<div class="col-md-12">
				<button class="btn btn-warning btn-lg center-block w100 btn-calculate"><i class="fa fa-spinner fa-spin loading dnone"></i> חשב שער המרה</button>
			</div>
		</div>


	</div>	
</div>
קוד הג'אווה סקריפט +

שימו לב לשנות את מסלול הקובץ

jQuery(function($){

	$('.btn-calculate').click(function() {

		$('.loading').fadeIn();
	
		var camount		= 	$('#amount').val();
		var cfrom 		= 	$('select#from option:selected').val();
		var cfrom_str 	= 	$('select#from option:selected').text();
		var cto			= 	$('select#to option:selected').val();
		var cto_str		= 	$('select#to option:selected').text();
		
		console.log(cfrom_str);
		console.log(cto_str);
		 
		$('div#ajaxLoader').fadeIn();
		 
		$.ajax({
			 type: "POST",
			 url: "http://www.EXAMPLE.co.il/currency-calculator/ajax-currency_calculator.php",
			 data: {camount:camount, cfrom: cfrom, cto: cto}
			 
		}).done(function(result) {
		
			$('.loading').fadeOut();
		
			var $response			= $(result);
			var result		 		= $response.filter('#result').html();
			var result_1	 		= $response.filter('#result_1').html();
			var result_10	 		= $response.filter('#result_10').html();
			var result_100			= $response.filter('#result_100').html();
			var result_1000			= $response.filter('#result_1000').html();

			$('.convertfrom_txt').each(function() { $(this).text(cfrom_str); })
			$('.convertto_txt').each(function() { $(this).text(cto_str); })
			
			$('#cresult').text(result + ' ' + cto_str);
			$('#one_unit').text(result_1);
			$('#ten_unit').text(result_10);
			$('#hundred_unit').text(result_100);
			$('#thousand_unit').text(result_1000);
			
			
		 });
	});

})
קוד קובץ האג'קס (קובץ PHP) +
שמרו קובץ זה בשם ajax-currency_calculator.php בהתאם למסלול שקבעתם בקוד הג'אווה סקריפט
<?php
/**********************************************
**	CONVERT TO NIS FROM EXCEL
**	OPTIONAL XML URLS
**	
**	EXAMPLES
**	- get_currency('USD', 'ILS', 15)
**	- get_currency('ILS', 'USD', 15)
**
**********************************************/
function get_currency($from_Currency, $to_Currency, $amount) {
 
	$amount 		= urlencode($amount);
	$from_Currency 	= urlencode($from_Currency);
	$to_Currency 	= urlencode($to_Currency);
	$url 			= "http://www.google.com/finance/converter?a=$amount&from=$from_Currency&to=$to_Currency";
	 
	$ch 			= curl_init();
	$timeout 		= 0;
	
	curl_setopt ($ch, CURLOPT_URL, $url);
	curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
	curl_setopt ($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1)");
	curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
	
	$rawdata 		= curl_exec($ch);
	curl_close($ch);
	
	$data = explode('bld>', $rawdata);
	$data = explode($to_Currency, $data[1]);
	
	return round($data[0], 2);
}



/**********************************************
**	RUN AJAX FUNCTION
**********************************************/

	// GRAB URL
	$result		= array();
	$amount		= intval($_POST['camount']);
	$from		= substr($_POST['cfrom'], 0, 3);
	$to			= substr($_POST['cto'], 0, 3);

	$result[0]	= get_currency($from, $to, $amount);
	$result[1]	= get_currency($from, $to, 1);
	$result[2]	= round($result[1] * 10, 2);
	$result[3]	= round($result[1] * 100, 2);
	$result[4]	= round($result[1]* 1000, 2);
	
	// ECHO RESULTS
	echo '<div id="result">'.$result[0].'</div>';
	echo '<div id="result_1">'.$result[1].'</div>';
	echo '<div id="result_10">'.$result[2].'</div>';
	echo '<div id="result_100">'.$result[3].'</div>';
	echo '<div id="result_1000">'.$result[4].'</div>';
	
?>

איך מטמיעים את זה? הנה הסבר מהיר!

במקום להלאות את כולנו בהסברים בלתי נגמרים על איך מטמיעים קובץ HTML – הנה תמונה שמסבירה את זה במבט. אם יש לכם שאלות נוספות הרגישו חופשי להשתמש בטופס התגובות. איך משתמשים בקוד

איך זה עובד? בראשי פרקים

הסקריפט המוצג בדף זה נחמד מאוד בשל מגוון של סיבות ביניהם העובדה שאנו משתמשים בAPI של גוגל (כלומר המידע מתעדכן לבד), הוא גמיש מאוד להחזיר מידע מגוון ו… הוא מבוסס אגקס – כלומר, לא דורש טעינה של הדף כדי להחזיר מידע. איך זה עובד

צריכים עזרה נוספת?

הסתבכתם? טופס התגובות קיים כאן במיוחד בשבילכם! אתם מוזמנים להשאיר תגובה עם המלצה או שאלה ונשמח לעזור. אל תשכחו להרשם לרשימת התפוצה שלנו כדי להשאר מעודכנים. אם אהבתם נודה לכם על פרגון עם לייק או טוויט או סתם מילה טובה. בברכה, שגיב SEO.

  • אהבתם? שתפו!