קהילת דיגיטל ואינטראקטיב

פורום קהילת אנשי המקצוע מתחום האינטרנט: מעצבי אתרים, מתכנתים ומפתחים, אנשי UX-UI, וכו'. הכתיבה בפורום הינה לחברי הקהילות המקצועיות של פרוג.
מנהלת הפורום: סיון
להצטרפות לקהילת מפתחי אתרי אינטרנט, הקש כאן
להצטרפות לקהילת ux-ui, הקש כאן

בניית אתרים וחוויית משתמש >> תוכן מקצועי

תיקי עבודות של עיצוב אתרים >> העבודות האחרונות, תהנו!

SHUGE שפרה כהן.png
SHUGE שפרה כהן 01.png
אומנות האופציות שפרה כהן.png
WhatsApp Image 2026-03-10 at 2.11.40 AM (1).jpeg
WhatsApp Image 2026-01-07 at 11.45.24 AM.jpeg
קלף קליין.jpg
בראש פתוח.jpg
מכון ספורנוקטן.jpg
לב גדול.jpg
בלוי ספרים.jpg
הצגת אתר תדמית משרד שמעוני5.jpg
WST השקעות נדלן בדובאי-3.png
WST השקעות נדלן בדובאי-2.png
WST השקעות נדלן בדובאי-1.png
WST השקעות נדלן בדובאי.png
הצגת פרוייקט ישראל דיזקינד 4.png
  • 831
  • לבקשת ארז ליברמן אני מעלה מדריך לשליחת מייל מעמוד "צור קשר"

    המטרות:
    עמוד הקוד
    PHP:
     נותר חסוי, אין מעבר אליו, ואין צורך לעצב אותו
    עמוד הקוד יחזיר הודעה מתאימה במקרה של שליחה / תקלה / מהות התקלה.
    עמוד הקוד יחזיר קוד סטטוס לדף ה HTML, שינותח באמצעות הסקריפט ויפעל בהתאם [איפוס שדות למשל]
    
    [HTML]
    <div id="div_result">
    <table>
      <tr>
        <td>שם פונה:</td>
        <td>  <input type="text" name="visitorname"/></td>
      </tr>
      <tr>
        <td>דוא"ל:</td>
        <td>  <input type="text" name="visitormail"/></td>
      </tr>
      <tr>
        <td>פלאפון:</td>
        <td> <input type="text" name="visitorphone"/></td>
      </tr>
      <tr>
        <td>תוכן הפניה:</td>
        <td><textarea name="msgs" rows="6" cols="16"> </textarea></td>
      </tr>
       <tr>
        <td></td>
        <td><input type="button" onclick="javascript:sendEmail();" value="שלח" /> </td>
      </tr>
    </table>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" language="javascript">
        function sendEmail(){
            $("#div_result").load("../sendit.php h2",{"visitorname" : $("input[name='visitorname']").val()
                                    , "visitormail" : $("input[name='visitormail']").val()
                                    , "visitorphone" : $("input[name='visitorphone']").val()
                                    , "msgs" : $("textarea[name='msgs']").val()
                                    }, function(response, status, xhr) {
                                        if(response.toString().indexOf("מייל נשלח בהצלחה",1)>0){
                                            $("input[type!='button']").val("");
                                            $("textarea").val("");
                                        }
                                    });
        }
    </script>  
    </script>
    [/HTML]
    במקרה הזה, אני לא מנסה לאבחן דרך קוד, אלא פשוט בודק האם האובייקט H2 חזר עם המילים "מייל נשלח בהצלחה"
    
    אם אני ארצה לבדוק תכולת קוד, אני יוכל להוסיף לתוך H2 אובייקט נסתר עם קוד, ולבצע עליו FIND
    כעת לעמוד ה PHP
    
    [HTML]<?php
    // 	    This script Was Made By www.Webist.co.il Owner Soso Jana	         //
    // 	You Can Use This Script For Personal And Commercial Use For Free 	 //
    // 	  till you are giving credit by linking back to www.Webist.co.il 	 //
    
    $ip = $_SERVER['REMOTE_ADDR'];
    $visitorname = $_POST['visitorname'];
    $visitormail = $_POST['visitormail'];
    $visitorphone = $_POST['visitorphone'];
    $msgs = $_POST['msgs'];
    
    if(!$visitormail == "" && (!strstr($visitormail,"@") || !strstr($visitormail,".")))
    {	echo "<h2>הכנס כתובת דואר אלקטרוני תיקנית</h2>\n";
    $badinput = "<h2>ההודעה לא נשלחה!</h2>\n";
    echo $badinput;
    die ("חזור !! ");
    }
    
    if(empty($visitorname) || empty($visitormail)) {
    echo "<h2>שכחתם לציין שם פרטי או כתובת אימייל</h2>\n";
    die ("חזור ! ");
    }
    
    $todayis = date("l, F j, Y, g:i a") ;
    
    $drdlist  = "הודעה נשלחה מהאתר";
    $subject = $drdlist ;
    
    $notes = stripcslashes($notes);
    
    $message = " $todayis \n
    From: $visitorname\n
    IP: $ip \n
    Email: $visitormail\n
    phone: $visitorphone\n
    Message: $msgs \n
    ";
    
    $from = "From: $visitormail\r\n";
    
    mail("<לא ניתן לפרסם מיילים באופן פומבי>", $subject, $message, $from);
    
    ?>
    
    <h2>מייל נשלח בהצלחה</h2>[/HTML]
    0 תגובות
    לאחר תקופה ארוכה שבה אנשי גוגל חושדים כי בינג מעתיק את תוצאות החיפוש מגוגל, החליטו לערוך ניסוי שיוכיח את הטענות.

    במסגרת הניסוי המציאו בגוגל ביטויים מפוברקים כגון "hiybbprqag" ו-"mbzrxpgjys", והגדירו תוצאה אחת לחיפוש המומצא הזה.
    והנה, הפלא ופלא, בחלוף זמן לא רב, החל בינג להציג את אותה תוצאה בתשובה לאותו חיפוש.
    חלקים אחרים של הניסוי הוכיחו כי ההעתקה לומדת גם את הצעות התיקון האוטומטי של גוגל ובכלל, נראה שבמייקרוסופט החליטו שאין טעם לעבוד קשה ולהמציא מנוע חיפוש טוב, אם קיים כבר אחד כזה בסביבה, ורק צריך להעתיק ממנו.
    איך עושים את זה? -בקלות. אוספים נתונים ממשתמשי אינטרנט אקספלורר ובעלי סרגל "בינג" ומזינים אותם ישר למנוע החיפוש.

    "בעיני זו רמאות מכיוון שאנו עובדים כל כך קשה במשך שנים כה רבות, אבל הם פשוט נבנים על בסיס העבודה הקשה שלנו." אומר עמית סינגהל אחד מבכירי גוגל. הוא ממשיך ומביא אנלוגיה מעולם הספורט: "זה כמו לרוץ ריצת מרתון כשאתה נושא על הגב מתחרה שקופץ לפני קו הסיום"...

    כל הפרטים בכתבה:
    http://searchengineland.com/google-bing-is-cheating-copying-our-search-results-62914
    אתמול נתבקשתי בדחיפות לעזור במקרה הבא:
    בטופס מילוי פרטים, יש מספר אפשרויות בחירה, ובמידה והאפשרות הנבחרת לא קיימת בין שאר האפשרויות, בוחרים באפשרות "אחר" ואז ניתן לכתוב טקסט חופשי בתיבה אחרת.

    המטלות הנדרשות:
    תיבת בחירה [combo box] בעלת מספר אפשרויות קבועות, כשהאפרות האחרונה היא "אחר"
    תיבת טקסט [input] שתהיה פעילה רק במקרה שבחרו באפשרות "אחר".
    הדגשת הסטטוס של התיבה [פעיל / לא פעיל] באמצעות צבע.
    מחיקת הטקסט שבתיבה במקרה שנעשתה בחירה מחודשת באחת האפשרויות האחרות.

    [אפשרות המחיקה אינה חובה, ובאם מחליטים שתיבת הטקסט תהיה "נראית / בלתי נראית", אין צורך לרוקן את הטקסט שהוקלד.]

    אז נתחיל בקוד HTML

    קוד:
    <select id="slc_car" onchange="javascript:chkOther();">
    <option value="0">וולבו</option>
    <option value="1">פיאט</option>
    <option value="2">הונדה</option>
    <option value="-1">אחר</option>
    </select>
    <input id="txt_other" type="text" style="background-color:#aaa;" disabled="disabled"/>
    מה שאנחנו רואים כאן זו תיבת בחירה בעלת 4 אפשרויות, כשהאחרונה היא "אחר"
    ולצידה תיבת טקסט, עם רקע אפור במצב disable, דהיינו בלתי מאופשרת.
    לתיבת הבחירה נוספה תכונה שמפעילה סקריפט בשם chkOther בכל מקרה שבו משתנה הבחירה.

    כעת נכתוב את הקוד של הסקריפט שמטפל בתיבת הטקסט:
    קוד:
    <script type="text/javascript">
    function chkOther(){
    if(document.getElementById("slc_car").selectedIndex=="3"){
        document.getElementById("txt_other").style.backgroundColor = "#fff";
        document.getElementById("txt_other").disabled=false;
    }
    else{
        document.getElementById("txt_other").style.backgroundColor = "#aaa";
        document.getElementById("txt_other").value="";
        document.getElementById("txt_other").disabled=true;
    }
    </script>

    הסבר:
    קודם כל אנו בודקים באמצעות משפט IF מהו האינדקס של התיבה שנבחרה
    כלל חשוב: אינדקס מתחיל מאפס ולכן, היות והאפשרות "אחר" היא הרביעית, הרי שמספרה הוא 3!.

    במקרה שהאפשרות שנבחרה היא "אחר" [אינדקס 3], אנו משנים את צבעה של תיבת הטקסט לצבע לבן.
    בשורה הבאה אנו "מאפשרים" את התיבה, והופכים אותה פעילה.

    במקרה שהבחירה שונה מאינדקס 3, [else], אנו עושים את הפעולה ההפוכה.
    צובעים את רקע התיבה לאפור, מרוקנים את תוכן התיבה, וחוסמים אותה מפעילות.

    כעת, אותו דבר למקרה שאנו רוצים לקבוע האם התיבה תהיה "גלויה / מוסתרת":
    את החלק הזה אני יכתוב בצורה מתקדמת קצת, אך העקרון הוא זהה.
    This user does not have permission to use the HTML BB code.

    בדוגמה הזו השתמשתי בקיצורים.
    קודם כל, שלחתי את תיבת הבחירה כולה [המילה this שבסוגריים] כפרמטר לפונקציה. [ולא נזקקתי לתת לה ID {אבל זה רק להדגמה, הרי אני אצטרך לשלוח את הערך שלה לאיזשהי פונקציה שתשלח אותה במייל או תשמור אותה במסד נתונים, וזה יהיה לפי ID או NAME} אלא אני שולח את כל כולה לפונקציה ולא נזקק להפעיל את פונקציית החיפוש של ג'אווה סקריפט]
    קיצור שני: יצרתי אובייקט, שערכו הוא תיבת הטקסט, והפעלית את חיפוש האלמנט פעם אחת בלבד.

    שימו לב: בכל פעם "הצגתי" או "הסתרתי" את תיבת הטקסט באמצעות 2 פקודות.
    למעשה אחת מהן מיותרת, אך כדי שהפונקציה תופעל בכל הדפדפנים, שמתי את שניהם.

    בהצלחה.
    אני מתעניינת בלימוד עיצוב אתרים
    ורוצה לדעת איזה קורס מתאים לי
    כדי שבאמת אוכל לבנות אתר שעונה על הדרישות של אתר

    הציעו לי קורס שמלמד:
    <table style="border: medium none; width: 430pt; border-collapse: collapse;" dir="rtl" class="MsoNormalTable" width="573" border="1" cellpadding="0" cellspacing="0"><tbody><tr style="height: 18.9pt;"><td style="border: 1pt solid windowtext; padding: 0cm 5.4pt; background-color: transparent; width: 145pt; height: 18.9pt;" colspan="2" width="193">בניה ועיצוב אתרים:
    </td></tr><tr style="height: 18.9pt;"><td style="border-width: medium 1pt 1pt; border-style: none solid solid; border-color: rgb(255, 255, 255) windowtext windowtext; padding: 0cm 5.4pt; background-color: transparent; width: 99pt; height: 18.9pt;" width="132">
    HTML<o></o>
    </td><td style="border-width: medium medium 1pt 1pt; border-style: none none solid solid; border-color: rgb(255, 255, 255) rgb(255, 255, 255) windowtext windowtext; padding: 0cm 5.4pt; background-color: transparent; width: 46pt; height: 18.9pt;" width="61">20 ש'<o></o> </td></tr><tr style="height: 18.9pt;"><td style="border-width: medium 1pt 1pt; border-style: none solid solid; border-color: rgb(255, 255, 255) windowtext windowtext; padding: 0cm 5.4pt; background-color: transparent; width: 99pt; height: 18.9pt;" width="132">
    Flash<o></o>
    </td><td style="border-width: medium medium 1pt 1pt; border-style: none none solid solid; border-color: rgb(255, 255, 255) rgb(255, 255, 255) windowtext windowtext; padding: 0cm 5.4pt; background-color: transparent; width: 46pt; height: 18.9pt;" width="61">36 ש'
    </td></tr><tr style="height: 18.9pt;"><td style="border-width: medium 1pt 1pt; border-style: none solid solid; border-color: rgb(255, 255, 255) windowtext windowtext; padding: 0cm 5.4pt; background-color: transparent; width: 99pt; height: 18.9pt;" width="132">Dream weaver<o></o>
    </td><td style="border-width: medium medium 1pt 1pt; border-style: none none solid solid; border-color: rgb(255, 255, 255) rgb(255, 255, 255) windowtext windowtext; padding: 0cm 5.4pt; background-color: transparent; width: 46pt; height: 18.9pt;" width="61">32 ש'<o></o>
    </td></tr><tr style="height: 19.95pt;"><td style="border-width: medium 1pt 1pt; border-style: none solid solid; border-color: rgb(255, 255, 255) windowtext windowtext; padding: 0cm 5.4pt; background-color: transparent; width: 99pt; height: 19.95pt;" width="132">Css<o></o>
    </td><td style="border-width: medium medium 1pt 1pt; border-style: none none solid solid; border-color: rgb(255, 255, 255) rgb(255, 255, 255) windowtext windowtext; padding: 0cm 5.4pt; background-color: transparent; width: 46pt; height: 19.95pt;" width="61">12 ש'<o></o>
    </td></tr></tbody></table>​

    מרוח הדברים פה הבנתי שזה לא בדיוק מספיק...
    אשמח אם אוכל לקבל הכוונה ממי שמבין בתחום
    תודה

    הצטרפות לניוזלטר

    איזה כיף שהצטרפתם לניוזלטר שלנו!

    מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

    לוח מודעות

    הפרק היומי

    הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


    תהילים פרק כה

    אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
    נקרא  2  פעמים
    למעלה