בירור | חיפוש בגוגל מתוך שדה
-
@יוסי-רחמים איפה נתקעת?
כדי ליצור שדה טקסט בhtml תכתוב<input>
תוסיף id לתיבת טקסט
<input id="inputLink">
לחצן בhtml
<button>לחצן</button>
ואז באירוע לחיצה (onclick) תגדיר שהlocation.href ישתנה לתוכן שבשדה הטקסט
<input id="inputLink"> <button onclick="location.href = document.getElementById('inputLink').value">לחץ עליי</button>
פוסט זה נמחק! -
@יוסי-רחמים איפה נתקעת?
כדי ליצור שדה טקסט בhtml תכתוב<input>
תוסיף id לתיבת טקסט
<input id="inputLink">
לחצן בhtml
<button>לחצן</button>
ואז באירוע לחיצה (onclick) תגדיר שהlocation.href ישתנה לתוכן שבשדה הטקסט
<input id="inputLink"> <button onclick="location.href = document.getElementById('inputLink').value">לחץ עליי</button>
@נ-נח הבעיה שהוא הולך לכתובת:
domain/החיפוש
(בגלל שהHTML על שרת)
אבל אם אני כותב לו את זה:<script> function youtube() { window.open('https://www.youtube.com'); } </script>
אז הוא הולך לכתובת איך אני עושה שהוא ילך לכתובת שכתוב בשדה עם הפקודה הנל?
(או שאולי תמצא פתרון אחר) -
@נ-נח הבעיה שהוא הולך לכתובת:
domain/החיפוש
(בגלל שהHTML על שרת)
אבל אם אני כותב לו את זה:<script> function youtube() { window.open('https://www.youtube.com'); } </script>
אז הוא הולך לכתובת איך אני עושה שהוא ילך לכתובת שכתוב בשדה עם הפקודה הנל?
(או שאולי תמצא פתרון אחר)@יוסי-רחמים תכתוב את הקישור כולל הפרוטוקול בהתחלה. במקרה שלך זה HTTP או HTTPS, וככה הדפדפן יבין שהוא צריך להיכנס לאתר עצמו. דוג':
http://url
ואם אין לך כוח כל פעם למלא את זה בתיבת טקסט, אתה יכול להוסיף את זה בתוך ה-onclick, כמו ש @נ-נח הסביר בטוב טעם.
-
בהמשך לזה:https://mitmachim.top/topic/31854/בירור-הכנסת-חיפוש-לאתר-שלי(פשוט אני לא יכול לכתוב שם
)
איך אני יכול לעשות שיהיה שדה טקסט ואז כשלוחצים על כתפור הוא ילך לכתובת שבשדה טקסט?@יוסי-רחמים למה לא תעשה <"input type="url">?
ככה:```<input type="url" id="your web-site" name="your web-site">
(דוגמא חמודה...)
ואגב, במקום לשאול כל שורה בקוד תגגל, יש לך את W3SCHOOLS שמלמד ממש טוב, וstack over flow שיש להם תשובה (כמעט) לכל שאלה -
@יוסי-רחמים תכתוב את הקישור כולל הפרוטוקול בהתחלה. במקרה שלך זה HTTP או HTTPS, וככה הדפדפן יבין שהוא צריך להיכנס לאתר עצמו. דוג':
http://url
ואם אין לך כוח כל פעם למלא את זה בתיבת טקסט, אתה יכול להוסיף את זה בתוך ה-onclick, כמו ש @נ-נח הסביר בטוב טעם.
@מוטי-אורן איך אני מכניס את זה בקוד של @נ-נח
-
@יוסי-רחמים למה לא תעשה <"input type="url">?
ככה:```<input type="url" id="your web-site" name="your web-site">
(דוגמא חמודה...)
ואגב, במקום לשאול כל שורה בקוד תגגל, יש לך את W3SCHOOLS שמלמד ממש טוב, וstack over flow שיש להם תשובה (כמעט) לכל שאלה@sara21 מה זה קשור למה ששאלתי?
-
@מוטי-אורן איך אני מכניס את זה בקוד של @נ-נח
<script> let proto; </script> <input id="inputLink"> <div> <button onclick="proto = 'http'">HTTP</button> <button onclick="proto = 'https'">HTTPS</button> </div> <button onclick="location.href = document.getElementById('inputLink').value + proto">לחץ עליי</button>
משהו כזה. תשנה כראות עיניך
-
@sara21 מה זה קשור למה ששאלתי?
@יוסי-רחמים אמר בבירור | חיפוש בגוגל מתוך שדה:
@sara21 מה זה קשור למה ששאלתי?
לא רצית שדה טקסט שמעביר לקישור שבשדה טקסט?
-
@יוסי-רחמים אמר בבירור | חיפוש בגוגל מתוך שדה:
@sara21 מה זה קשור למה ששאלתי?
לא רצית שדה טקסט שמעביר לקישור שבשדה טקסט?
@sara21 רציתי אבל זה לא מה שהבאת
-
@יוסי-רחמים תכתוב את הקישור כולל הפרוטוקול בהתחלה. במקרה שלך זה HTTP או HTTPS, וככה הדפדפן יבין שהוא צריך להיכנס לאתר עצמו. דוג':
http://url
ואם אין לך כוח כל פעם למלא את זה בתיבת טקסט, אתה יכול להוסיף את זה בתוך ה-onclick, כמו ש @נ-נח הסביר בטוב טעם.
בסוף עשיתי ככה והסתדר:
<button class="cs" onclick="location.href = 'https://www.bing.com/search?q='+document.getElementById('inputLink').value ">חפש</button>
אבל עכשיו יש עוד בעיה אם אני רושם שם כתובת אז הוא מחפש את הכתובת איך אני שאם מה שרשום זה url אז הוא ילך אליה ואם לא אז שיעשה את מה שרשמתי?
-
בסוף עשיתי ככה והסתדר:
<button class="cs" onclick="location.href = 'https://www.bing.com/search?q='+document.getElementById('inputLink').value ">חפש</button>
אבל עכשיו יש עוד בעיה אם אני רושם שם כתובת אז הוא מחפש את הכתובת איך אני שאם מה שרשום זה url אז הוא ילך אליה ואם לא אז שיעשה את מה שרשמתי?
@יוסי-רחמים וואי סיבכת אותי קצת עם הרגקס.. לא נורא
הפונקציה validateUrl אמורה לוודא אם מדובר בURL תקין.<script> function validateUrl(url){ return /^(https?):\/\/[a-z0-9\-\.]{3,}\.[a-z]{3}/.test(url); } </script> <input id="inputLink"> <button class="cs" onclick="location.href = validateUrl(document.getElementById('inputLink').value) ? document.getElementById('inputLink').value : 'https://www.bing.com/search?q=' + document.getElementById('inputLink').value">חפש</button>
-
@יוסי-רחמים וואי סיבכת אותי קצת עם הרגקס.. לא נורא
הפונקציה validateUrl אמורה לוודא אם מדובר בURL תקין.<script> function validateUrl(url){ return /^(https?):\/\/[a-z0-9\-\.]{3,}\.[a-z]{3}/.test(url); } </script> <input id="inputLink"> <button class="cs" onclick="location.href = validateUrl(document.getElementById('inputLink').value) ? document.getElementById('inputLink').value : 'https://www.bing.com/search?q=' + document.getElementById('inputLink').value">חפש</button>
@מוטי-אורן כתוב בקוד שאם זה תקין אז תלך לכתובת ואם לא אז תחפש את זה?
-
@מוטי-אורן כתוב בקוד שאם זה תקין אז תלך לכתובת ואם לא אז תחפש את זה?
-
@מוטי-אורן כתוב בקוד שאם זה תקין אז תלך לכתובת ואם לא אז תחפש את זה?
@יוסי-רחמים כתבתי בinput gmail.com ולא עבד
-
@יוסי-רחמים כתבתי בinput gmail.com ולא עבד
-
@יוסי-רחמים הביטוי שמוטי אורן כתב בודק כתובת כולל פורטוקול האינטרנט (https). ואתה כתבת כתובת בלי פרוטוקול.
@צדיק-תמים אז איך אני עושה שיבדוק גם בלי פרוטוקול?
-
@צדיק-תמים אז איך אני עושה שיבדוק גם בלי פרוטוקול?
@יוסי-רחמים צריך לבקש מ @מוטי-אורן שיערוך את הביטוי הרגולרי...
-
@יוסי-רחמים בדיוק,
ועי' עוד כאן לגבי רגקס.
@מוטי-אורן אתה יכול לערוך?
אם אני מוחק את הhtpps אז הוא מחפש את זה בתוך האתר ולא בגוגל
@chv אתה יכול לכתוב כאן את הקוד שלו ערוך? -
<script> let proto; </script> <input id="inputLink"> <div> <button onclick="proto = 'http'">HTTP</button> <button onclick="proto = 'https'">HTTPS</button> </div> <button onclick="location.href = document.getElementById('inputLink').value + proto">לחץ עליי</button>
משהו כזה. תשנה כראות עיניך
@מוטי-אורן יש כזאת אפשרות או שזה רק עם https?
-
@מוטי-אורן יש כזאת אפשרות או שזה רק עם https?