प्लेसहोल्डर टेक्स्ट के माध्यम से JQuery के साथ फॉर्म में चक्र?

Question

मैं JQuery के लिए बिल्कुल नया हूं, इसलिए मुझे यकीन नहीं था कि इस समस्या को कहां से शुरू किया जाए।

मेरे पास एक वेबसाइट पर एक फॉर्म है जो मैं अस्थायी रूप से विभिन्न प्लेसहोल्डर्स और उनके माध्यम से चक्र दिखाना चाहता हूं (उपयोगकर्ता द्वारा इनपुट किए जाने वाले कई विकल्पों की नकल करने के लिए, जैसे कि ऐलिस, बॉब, चार्ल्स इत्यादि। NAME फॉर्म इनपुट के लिए) उपयोगकर्ता अपने स्वयं के पाठ इनपुट करने के लिए क्लिक करने से पहले।

मुझे यह उदाहरण मिला - http://jsfiddle.net/eFjnU/ (नीचे कोड) - पाठ के माध्यम से चक्र, लेकिन मैं इसे फॉर्म इनपुट क्षेत्र में अस्थायी प्लेसहोल्डर्स पर कैसे लागू कर सकता हूं?

एचटीएमएल

<div id="content-1">Sample text 1</div> 
<div id="content-2">Sample text 2</div> 
<div id="content-3">Sample text 3</div> 
<div id="content-4">Sample text 4</div> 
<div id="content-5">Sample text 5</div> 
<div id="content-6">Sample text 6</div> 
<div id="content-7">Sample text 7</div> 

JQuery

var divs = $('div[id^="content-"]').hide(), 
    i = 0; 

(function cycle() { 

    divs.eq(i).fadeIn(400) 
       .delay(1000) 
       .fadeOut(400, cycle); 

    i = ++i % divs.length; 

})(); 

आप इनपुट करने के लिए div से ऊपर बदल सकते हैं, लेकिन यह इच्छा चक्र में और बाहर पूरे इनपुट बॉक्स है, और मैं करने के लिए केवल प्लेसहोल्डर पाठ चाहते हैं फ़ेड इन आउट।

संपादित करें 1:

उदाहरण के लिए:

<input type="text" name="whatever" type="text" placeholder="Alice"> 
<input type="text" name="whatever" type="text" placeholder="Bob"> 
<input type="text" name="whatever" type="text" placeholder="Charles"> 

Answer 1

आप प्लेसहोल्डर पाठ चेतन नहीं कर सकते हैं लेकिन आप एक समारोह है कि समय-समय पर बदलता है विशेषता बना सकते हैं:

Demo fiddle

var placeholders = ['Alice','Bob','Charles']; 

(function cycle() { 
    var placeholder = placeholders.shift(); 
    $('input').attr('placeholder',placeholder); 
    placeholders.push(placeholder); 
    setTimeout(cycle,1000); 
})(); 

है वह मूल रूप से आप क्या चाहते हैं शून्य से fadein/fadeOut

Answer 2

स्थान धारक पाठ एक कंटेनर की जरूरत है। यह कुछ भी हो सकता है। इनपुट फ़ील्ड के ऊपर या नीचे एक अवधि या लेबल टैग के रूप में सरल।