‏הצגת רשומות עם תוויות jQuery. הצג את כל הרשומות
‏הצגת רשומות עם תוויות jQuery. הצג את כל הרשומות

יום חמישי, 27 ביוני 2013

הפנייה לדף אחר בJS ובJQ

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

page = www.exp.co.il;

window.location.href = page;
window.location.replace(page);
location.assign(page);



או בJQ:

  $(location).attr('href', page);


יום ראשון, 3 במרץ 2013

פקודת trim() בIE - לא עובדת

הדפדפן אקספלורר לא תומך בפקודת trim למחרוזת בJS, לכן נאלץ ללכת בדרך הקשה ולכתוב פונקציה בעצמנו שתוריד את הרווחים של המחרוזת מקדימה או מאחורה, או בדרך הפשוטה יותר להשתמש בJQUERY/
בדוגמא אנחנו מוצאים את הערך של myDiv - מורידים רווחים משני הכיוונים של המחרוזת ומכניסים אותו לתוך משתנה STR:


 var STR = $.trim($("#myDiv").val());

יום ראשון, 11 בנובמבר 2012

הוספת פינות מיוחדות לdiv עם JQ

ספריה קטנה ונחמדה בשם jQuery Corner יוצרות "מסכה" על אובייקטים מרובעים ובכך יוצרת מגוון רחב של פינות:
מגוון רחב של דוגמאות והסברים:
http://malsup.com/jquery/corner/

נוריד את הקוד אל הפרוייקט ונוסיף לספריית הScripts.

השימוש פשוט, נוסיף DIV רגיל:

 <div id="box1" class="box">
        <strong> דוגמא דוגמא</strong>
        <br />
         בלה בלה בלה בלה בלה
 </div>


נוסיף לו מאפיינים בCSS:

.box  { background-color: #6af;
 padding: 15px;
 text-align: center;
 margin: 25px;
height: 150px;
 width:250px; margin:auto
  }

ואז הוספת קישור של הספריה לדף HTML, ופקודת הJQ שהופכת כל DIV אם CLASS הbox יהפוך למעוגל בפינות:
<script type="text/javascript" src="Scripts/corner.js"></script>
 <script type="text/javascript">
           $(document).ready(function () {
                $("div.box").corner();
            })
 </script>

יום שלישי, 6 בנובמבר 2012

קבלת סטטוס שגיאה מקריאת AJAX

אם נרצה לבצע קבלת נתונים מהשרת באמצעות קריאת AJAX, ואם במידה וקבלת הנתונים לא הצליחה לקבל את סטטוס השגיאה שהתרחשה.
[סטטוס 200 זה הצלחה, כל שאר המספרים - זהו כישלון מסיבות שונות]
השגיאה תשלח את מספר הסטטוס לתוך div בשם error
<div id=error"></div>

  $(document).ready(function () {
                $.ajax({
                    type: 'GET',
                    url: '../Handler.ashx',
                    contentType: "application/json; charset=uft-8",
                    dataType: "json",
                    data: { 'action': 'GetData' },
                    success: function (dataS) {PrintData(dataS); },
                    error: function (dataE) { $('#error').text(dataE.status.toString()); }
                });
            })