מה המצב חברה

אני רוצה להעביר את הקוד JS שלי לשימוש ב JQUERY

האתר שלי נטען באופן קבוע

header - קבוע

body - כל פעם נשלח אזור שונה

footer - קבוע

אני מכניס בתוך ה header את הקישור לתיקיה JQUERY

כדי לבדוק האם יש איתחול של התיקיה אני שואל

קוד PHP:

 if(jQuery) 
{
    alert("Loaded");
} 


ואני מקבל הודעה Loaded

עכשיו אני הכנסתי לאותו אזור בדף

קוד PHP:

 <p id="1234">1234567</p> 


ולקובץ JS את הקוד הבא

קוד PHP:

 if(jQuery) 
{
    alert("Loaded");
}

$(document).ready
(
    function() 
    {
        $("#1234").click
        (
            function () 
            {
                alert("Click");
            }
        );
    }
); 


אני מקבל הודעה Loaded

אבל כשאני לוחץ על ה P

אני לא מקבל כלום

תודה לעוזרים

אם אני לא טועה id לא יכול להתחיל עם מספרים.
תנסה id אחר, כמו למשל abcd.

אם לא עוזר, תנסה למחוק את הרווח (מעבר שורה) בין המילה click לסוגריים הפותחים.

גם עם ID אחר זה לא עובד

תנסה לרשום כך

קוד:

  (jQuery)(function($) {
			$("#myID").click(function() {
				alert("ok");
			});
		});

דבר נוסף: כפי שצויין אסור ש ID יתחיל עם מספרים ותבדוק שיש לך רק ID אחד כזה ולא כמה

עובד
אני אשמח שתסביר לי מה הבדל ביניהם

מה שאני רשמתי הוא התייחסות רק ל jQuery.
במידה ויש לך כמה ספריות כמו פרוטוטייפ באותו קוד אתה חייב לקבוע הפרדה.

בברכה,
ארנולד שמחה
http://blogs.microsoft.co.il/blogs/arnold/

לא כל כך הבנתי
אפשר לפרט יותר

מה זה הפרוטוטייפ???

http://www.prototypejs.org/

תקרא את המאמרים שלי בנושא של jQuery:

http://blogs.microsoft.co.il/blogs/arnold/

בברכה,
ארנולד שמחה
http://blogs.microsoft.co.il/blogs/arnold/

טוב אז ככה
זה הקוד החדש שהכנסתי

קוד:

jQuery.ajax({
	   //type: "POST",
	   url: base_url + "profile/switch_CRE_AJAX",
	   //data: "name=Arnold&lastName=Simha",
	   success: function(msg){
	     //alert(msg);
	     $('#'+dv).append(msg);
	   },
	   error: function(XMLHttpRequest, textStatus, errorThrown){
	     alert(errorThrown);
	   }
	 });

ברגע שאני מפעיל את alert אני מקבל הודעה עם הקטע קוד שה AJAX מייבא
אבל אני לא מקבל כלום ברגע שאני מנסה להכניס את הקוד לתוך DIV בשם dv

תרשום

קוד PHP:

 $('#'+dv).html(msg); 


בברכה,
ארנולד שמחה
http://blogs.microsoft.co.il/blogs/arnold/

עריכה: ענו כבר ...

לא עובד
אבל שוב אני אומר לך
alert כן עובד

למה??

תוסיף אחרי ה-alert את הקוד הבא:

קוד:

alert(dv);
alert($('#'+dv).length);

מה אתה מקבל?

השורה הראשונה נותנת לי את השם של ה DIV שבו צריך להיכנס הקוד

והשורה השניה לא עושה כלום

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

בכל מקום אתה צריך להשתמש ב-jQuery במקום $, או בצורה שארנולד הראה.
לכן במקום:

קוד:

$('#'+dv).append(msg);

אתה צריך לכתוב:

קוד:

jQuery('#'+dv).append(msg);

אתה יכול להסביר לי מה זתומרת

שהמשתנה $ כבר מוגדר במקום אחר

תודה

השורה הבאה מחזירה לי "1"

קוד PHP:

 alert(jQuery('#'+dv).length); 


יש המון ספריות js דומות ל jquery ורובן עובדות עם $. לכן כדי להגיד למערכת שלך לעבוד רק עם jquery תרשום במקום $ את jQuery

תקרא את זה:

http://docs.jquery.com/Using_jQuery...Other_Libraries

ד"א: אם alert מחזיר לך 1 אז הוא מצליח למצוא את האובייקט

בברכה,
ארנולד שמחה
http://blogs.microsoft.co.il/blogs/arnold/

אז למה הוא לא מכניס את התוכן לתוך האובייקט???

תרשום את זה:

קוד PHP:

 jQuery('#'+dv).html(msg); 


בברכה,
ארנולד שמחה
http://blogs.microsoft.co.il/blogs/arnold/

למה זה קורה לי
זה לא הגיוני
זה הקוד שלי

קוד PHP:

 jQuery.ajax({
        url         : base_url + "profile/switch_CRE_AJAX",
        success  : function(data) {
            //alert(dv);
            alert(data);
            alert(jQuery('#'+dv).length);
            var $data = $(data);
            $data.fancybox();
            jQuery('#'+dv).html($data);
        },
           error    : function(XMLHttpRequest, textStatus, errorThrown){
         alert(errorThrown);
       }
    }); 


alert(dtat -מציג לי את התוכן שחוזר
alert(jQuery('#'+dv).length - מחזיר לי 1

וכלום לא נכנס ל DIV

עריכה

בצורה הזאת זה כן עובד לי

קוד PHP:

 jQuery.ajax({
        url         : base_url + "profile/switch_CRE_AJAX",
        success  : function(data) {
            //alert(dv);
            alert(data);
            alert(jQuery('#'+dv).length);
            //var $data = $(data);
            //$data.fancybox();
            jQuery('#'+dv).html(data);
        },
           error    : function(XMLHttpRequest, textStatus, errorThrown){
         alert(errorThrown);
       }
    }); 


כמו שאתה רואה אני הורדתי את החלק הזה

קוד PHP:

 var $data = $(data);
    $data.fancybox(); 


עכשיו בתוך ה data יש לי אובייקטים שצריכים להיפתח בתוך חלון fancybox

איך אני מאתחל אותם שהם יכירו ב fancybox

תודה

אני רואה שזה מבלבל אותך.

תראה, זה די פשוט. ב-JavaScript מותר להשתמש בסימן $ במשתנים.
זה מאוד קצר ונוח, זה משפט ביטויים מורכבים. החיסרון המשמעותי הוא שזה פחות ברור.
עוד חיסרון הוא ש"כולם" קפצו על המציאה, ומשתמשים בזה בתור קיצור. גם jQuery, גם prototype וכו'.
אז במקום $, אתה יכול להשתמש במשתנה jQuery. זה בדיוק אותו דבר.
בגלל זה, במקום $(data) אתה צריך לכתוב jQuery(data) zz (בלי zz, זה ליישור).

אני ארשום לך קוד בצורת כתיבה אחרת, שעושה אותו דבר ומפעיל את fancybox:

קוד:

jQuery.ajax({
		url		 : base_url + "profile/switch_CRE_AJAX",
		success  : function(data) {
			jQuery('#'+dv)
		   .html(data)
		   .find('a').fancybox();
		},
		   error	: function(XMLHttpRequest, textStatus, errorThrown){
		 alert(errorThrown);
	   }
});

שפיץ

זה עובד

עכשיו להבנה בסיסית על הקוד

השורה בעצם כתובה ככה

קוד PHP:

 jQuery('#'+dv).html(data).find('a').fancybox(); 


בעצם ה find('a').fancybox

אומר שעל כל LINK A בתוך ההחזר DATA יש להתייחס ל fancybox

עכשיו אם אני לא רוצה שכל ה LINK A התייחס ל fancybox
אני צריך להיות יותר ספציפי
כמו
a#id
a.class

??

תודה רבה על כל העזרה (:

בכיף. אני ממליץ לך לקרוא קצת את התיעוד. אחרת זה ממש לא ברור.

בקשר לשאלה: ענית לעצמך. בפונקציה find במקום a תכתוב a.class או מה שבא לך.

עוד שאלה קטנה
אני צריך להתייחס לעמוד שמייובא ל FANCYBOX כעמוד עצמאי

הכוונה היא שבדף שחוזר יהיו תגיות HTML HEAD BODY
או שרק DIV

תודה

יש שתי אפשרויות:

א. אתה מקבל html חלקי, לדוגמה div אחד, ומצרף אותו לדף הקיים.
במקרה הזה הוא יקבל את העיצוב של שאר הדף, ובעצם הוא כמו חלק מהדף, רק בתוך חלון אחר.
כדי לבצע את זה עם fancybox אתה צריך פשוט לשים את הקישור ב-href.
כנראה שככה אתה עושה את זה עכשיו, וזאת גם הדרך הקלה והמועדפת לרוב.

ב. אתה מקבל html שלם, כולל <html> וכד', ומציג אותו ב-iframe.
במקרה הזה יהיה לו עיצוב נפרד. אתה עדיין יכול "לתקשר" איתו עם JavaScript, אבל זה פחות טריויאלי מאפשרות א'.
כדי לבצע את זה עם fancybox אתה נותן ללינק class של iframe.

אני מבצע את אופציה א' היא מאוד פשוטה ונוחה

סתם משהו שאני לא חושב שאני אשתמש בו אבל....

למה כאשר אני מקשר ב href לדוגמה
#fancy

אני מקבל fancybox ריק

ה DIV נמצא באותו הדף ב display:none

אבל אם אני קורא לדף חיצוני וזה עובד טוב

תודה