تغيير جزء الويب الخاص بمربع البحث intialprompt javascript/jquery

Question

لدي تخطيط صفحة أخطط لاستخدامه من قبل العديد من الصفحات، ويحتوي تخطيط الصفحة هذا على جزء ويب لمربع البحث، وفي الوقت الحالي يحتوي على "بحث..." عام.ولكن ما أريده هو تغييره بحيث يقول "ابحث في أي صفحة تتواجد فيها".لا أواجه مشكلة في الحصول على اسم الصفحة التي أتواجد فيها ولكن تغيير المطالبة الأولية إلى ما أريد.لقد حاولت أشياء واضحة مثل document.getElementById('NBSwebpartSiteSearch').InitialPrompt = 'test';

Answer 1

مثير للاهتمام - يستخدم سلوك 2013 وظيفة في حدث التمويه لمربع البحث لملء المصطلح "بحث..." أو إخفائه بالشكل المناسب - أعتقد أنني أدعم إصدارات IE القديمة بدلاً من استخدام خاصية العنصر النائب...

لذا!ما تحتاجه هو:

//use this instead of immediate or jQuery ready because we want to manipulate SP generated markup
_spBodyOnLoadFunctionNames.push("searchPromptSetup");

function searchPromptSetup() {
    function spPromptHider(searchDOMElement) {
        //make sure you have a valid object 
        if (searchDOMElement) {
            //give it a placeholder if it doesn't already have one
            if (!searchDOMElement.placeholder) searchDOMElement.placeholder = "Search in whatever page you are on";
            /*use SP's javascript to hide the 'Search...' prompt, note the $ here is not the jQuery alias...
                the OR assignment is my lazy way of allowing the function to be used in the blur event later... */
            var control = $getClientControl(searchDOMElement) || $getClientControl(this);
            control.hidePrompt();
        }
    }

    var searchBox = document.getElementById('<yoursearchboxid>');
    // if you don't add this listener to the blur event it will just reset to 'Search...'
    searchBox.addEventListener("blur", spPromptHider);
    spPromptHider(searchBox);
}

ما ورد أعلاه سيعمل فقط مع المتصفحات التي تدعم سمة العنصر النائب...ولكن يمكنك التوسع فيه لإضافة الدعم لأولئك الذين لا يفعلون ذلك.