किसी ऑर्डर किए गए सूची पर नंबर बदलें?

आप नंबर बदल सकते हैं जिस पर एक आदेश दिया सूची इस तरह शुरू होता है:किसी ऑर्डर किए गए सूची पर नंबर बदलें?

<ol start="3"> 
    <li>item three</li> 
    <li>item four</li> 
</ol>

... लेकिन वहाँ बनाने के लिए सूची आइटम, मनमाने ढंग से नंबर नहीं लगातार बस नंबर एक तरीका है?

<ol> 
    <li>item two</li> 
    <li>item six</li> 
    <li>item nine</li> 
</ol>

एक ही रास्ता मैं अब यह करने के लिए देख सकते हैं अपने स्वयं के <ol> जो स्पष्ट रूप से आदर्श नहीं है में प्रत्येक <li> रैप करने के लिए है। एचटीएमएल, जावास्क्रिप्ट और सीएसएस समाधान स्वागत है।

पुनश्च: हालांकि आइटम नंबर मनमाने ढंग से कर रहे हैं, वे अभी भी आदेश दिया जाता है, ताकि अर्थ विज्ञान

स्रोत

2009-06-15 nickf

मैं एक 'hacky' जावास्क्रिप्ट नीचे समाधान पोस्ट किया है, लेकिन, मैं उत्सुक हूँ, तुम क्यों क्या करना चाहते हैं कुछ इस तरह? – Kirtan

क्रॉसवर्ड सुराग के लिए - चूंकि नीचे और पार शब्द अलग-अलग सूचियों में विभाजित होते हैं, संख्या अनुक्रमिक नहीं होती है। – nickf

तो अंत में आपने क्या किया? – Benjol

वहाँ li पर value विशेषता है के बारे में fretting होना नहीं है, हालांकि उस पदावनत है:

<ol> 
    <li value="2">item two</li> 
    <li value="6">item six</li> 
    <li value="9">item nine</li> 
</ol>

w3schools page for <[email protected]> कहता है:

ली तत्व 012 की मान विशेषताको HTML 4.01 में बहिष्कृत किया गया था, और एक्सएचटीएमएल 1.0 सख्त डीटीडी में समर्थित नहीं है।

नोट: फिलहाल, मूल्य विशेषता के लिए कोई सीएसएस विकल्प नहीं है।

(मुख्य <li> पृष्ठ पर प्रतिवाद चेतावनी के लिए "उपयोग शैलियों" कह के बावजूद।)

HTML 5 editor's draft reference for li चलता है कि यह अभी भी वहाँ वैध है ...

स्रोत

2009-06-15 07:06:00

हां, 'मान' अभी भी है, और इसे अब भी HTML5 में बहिष्कृत नहीं किया गया है। –

HTML 4.01 में एक पदावनत value विशेषता है <li> पर:

<ol> 
<li value="30"> makes this list item number 30. 
<li value="40"> makes this list item number 40. 
<li> makes this list item number 41. 
</ol>

गैर पदावनत (सीएसएस) उत्तर (इतनी बार के रूप में) है मो फिर सुरुचिपूर्ण लेकिन कम ... प्रत्यक्ष :) spec कुछ हद तक सूखा है; Googling अधिक तुरंत इस तरह के this के रूप में प्रयोग करने योग्य सामान जाता:

वैसे ही जैसे पिछली सूची आप करने की आवश्यकता होगी से जारी नंबर उचित काउंटर incrementing के लिए सीएसएस गुण सेट। लेकिन इसे बनाने के लिए एक अलग प्रारंभ बिंदु से वृद्धि करना प्रारंभ करें, आप में वैकल्पिक दूसरे पैरामीटर को किसी संख्या की काउंटर-रीसेट संपत्ति पास कर सकते हैं। तो 5 से शुरू होने वाले अपने सीएसएस में कुछ इस तरह दिखेगा:
ol.continue { 
    counter-reset: chapter 4;  /* Resets counter to 4. */ 
} 
के बाद से काउंटर हमेशा रीसेट कर दिया जाएगा इससे पहले कि यह वृद्धि की जाती है, नंबर 5 के साथ हमारे सूची शुरू करने के लिए हम सेट करना होगा काउंटर 4।

स्रोत

2009-06-15 07:06:19 AakashM

तो उस सीएसएस विकल्प के साथ, गैर-अनुक्रमिक वस्तुओं को अपने स्वयं के ओएल में लपेटने की आवश्यकता होगी? – nickf

उदाहरण पूरी तरह से प्रासंगिक नहीं है। आप नियमों को अपने उद्देश्यों के लिए 'ol li.myclass' में बदल सकते हैं। –

HTML5 वास्तव में @value को फिर से अनुमति देता है, क्योंकि यह है , वास्तव में, एक प्रस्तुति विशेषता नहीं है। – Ms2ger

इन सभी उत्तरों को देखकर मुझे थोड़ा मुश्किल लग रहा है। क्या आप वास्तव में इसके लिए एलआईएस का उपयोग करना चाहते हैं? यदि इसका मतलब है 'डमी' लिस, या जावास्क्रिप्ट, या कस्टम सीएसएस कक्षाएं बनाना, तो मैं अन्य संभावनाओं को देखना शुरू कर दूंगा। एक एलआई (मेरे दिमाग में) का मुद्दा खुद को नंबरिंग का प्रबंधन नहीं कर रहा है। यदि आपको संख्याओं को स्वयं प्रबंधित करना है, तो आप केवल शैली का प्रबंधन करने के लिए LI का उपयोग कर रहे हैं - अपनी शैली बनाने के बारे में और < अवधि> या कुछ में अपनी संख्याओं को चिपकाएं?

स्रोत

2009-06-15 07:07:10 Benjol

जो वास्तव में पागल नहीं है .... – nickf

@nickf क्षमा करें, मैंने अपना जवाब बदल दिया। मुझे विश्वास है कि आपकी टिप्पणी अभी भी वैध है, लेकिन हो सकता है कि आप नहीं! – Benjol

इस प्रश्न पर अतिरिक्त समय लेने के लिए धन्यवाद। आप एक अच्छा मुद्दा बनाते हैं - स्थिति एच एक सूची का उपयोग करने के मूल अर्थपूर्ण उद्देश्य से कुछ हद तक अलग हो गया। हालांकि मैं विशेष रूप से ओएल का उपयोग करना चाहता हूं, स्टाइल की आसानी के लिए है। सभी मार्जिन स्थापित और काम कर रहे हैं। Divs का उपयोग कर सूची-शैली-स्थिति जैसी चीजों को झुकाव मजाक का मेरा विचार नहीं है। – nickf

पदावनत एचटीएमएल रास्ता

<ol> 
    <li>List item 1</li> 
    <li VALUE=5 TYPE="A">List item E</li> 
    <li>List item 3</li> 
</ol>

CSS way

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<style type="text/css"> 
ol { 
    counter-reset:item; 
} 
li { 
    display:block; 
} 
li:before { 
    content:counter(item) '. '; 
    counter-increment:item; 
} 
#new_number { 
    counter-reset:item 24; 
} 
</style> 

<!--[if IE]> 
<script type="text/javascript"> 
window.onload=function() { 
    document.getElementById('new_number').value='25'; 
} 
</script> 
<![endif]--> 

</head> 
<body> 

<ol> 
    <li id="new_number">list item</li> 
    <li>list item</li> 
    <li>list item</li> 
    <li>list item</li> 
    <li>list item</li> 
    <li>list item</li> 
</ol> 

</body> 
</html>

स्रोत

2009-06-15 07:07:23

नोट: 'मान' विशेषता HTML4 में बहिष्कृत की गई थी, लेकिन HTML5 में पुन: प्रस्तुत की गई। – BaSsGaz

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

<script type="text/javascript"> 
    var reverse = $('reverse_numbering'); 
    reverse.style.listStyle='none'; 
    var li = reverse.getElementsByTagName('li'); 
    for(var i=0; i<li.length; i++) { 
     li[i].insertBefore(document.createTextNode(li.length-i+'. '), li[i].firstChild); 
    } 
</script>

<ol id="reverse_numbering"> 
    <li>foo</li> 
    <li>bar</li> 
    <li>baz</li> 
</ol>

यह कुछ आप क्या कर सकते हैं 210

संदर्भ: HTML Help Forums।

स्रोत

2009-06-15 07:09:18 Kirtan

मुझे लगता है कि इस समस्या को अर्थ विज्ञान (जो, तुम्हें पता है, मानक के आधार पर पेज बनाने के स्तंभों में से एक है) से शुरू होता है: आप एक अव्यवस्थित एक प्रतिनिधित्व करने के लिए एक आदेश दिया सूची का उपयोग करना चाहते हैं।

मेरे सुझाव:

1) एक उल का प्रयोग करें और वर्गों के आधार पर संख्या के साथ छवियों (इस प्रोग्राम के किया जा सकता है जोड़ सकते हैं और आप केवल एक बार नंबर छवियों उत्पन्न करने के लिए है, के साथ साथ यह आप देता स्टाइल विकल्प)

2) परिभाषा सूची का उपयोग करें। मैं इसके विस्तार से अर्थशास्त्र को थोड़ा सा जानता हूं लेकिन यदि "शब्द" (डीटी) "क्षैतिज" है और परिभाषाएं (डीडी) क्रॉसवर्ड के विकल्प हैं, तो मुझे लगता है कि यह अर्थपूर्ण हो जाता है। इसका उपयोग करके आप अपनी इच्छित संख्याओं को जोड़ सकते हैं और जो भी टैग आपको पसंद कर सकते हैं उनका उपयोग करके उन्हें स्टाइल कर सकते हैं।

उम्मीद है कि इससे मदद मिलती है।

स्रोत

2009-06-15 08:59:49 jluna

मैं असहमत हूं कि सूची अनियंत्रित है। यह आरोही क्रम में है, और सूची में पांचवां आइटम पहेली में पांचवां क्षैतिज या लंबवत शब्द है। यह सिर्फ इतना है कि प्रत्येक शब्द की संख्या लगातार नहीं है। – nickf

Mmmh मुझे मूल रूप से समझ में नहीं आया था इसलिए मैं सही खड़ा हुआ :) मैंने इस मुद्दे के बारे में सोचते रहे और मुझे लगता है कि

के साथ जाकर सबसे अधिक "अपमानजनक" होगा। यह अर्थात् ध्वनि होगा और यह दिखाएगा कि सामग्री किसी भी उपयोगकर्ता एजेंट या ब्राउज़र (जावास्क्रिप्ट सक्षम या नहीं) के लिए स्वीकार्य और समझदार होगी ... नकारात्मकता यह है कि सूची मैन्युअल रूप से जेनरेट की जाती है। – jluna

यह वास्तव में आपके विचार से भी आसान है। आप जो कर रहे हैं वह मूल रूप से एक सूची को रोक रहा है ताकि आप कुछ सम्मिलित कर सकें। जब आप पाठ में ऐसा करते हैं तो आप <div> टैग का उपयोग करते हैं। (बेल अब बज रहा है?")

सीएसएस

...<br /> 

/* This style removes the indentation that &lt;ol&gt; creates. In my document it was 30pt */<br /> 
.pauselist {margin-left:-30pt;} 
<br /> 
<br /> 
XHTML<br /> 
...<br /> 
&lt;p&gt;Text&lt;/p&gt;<br /> 
&lt;p&gt;Text&lt;/p&gt;<br /> 
&lt;ol&gt;<br /> 
    &lt;li&gt;Item 1&lt;/li&gt;<br /> 
    &lt;li&gt;Item 2<br /> 
    &lt;div class="pauselist"&gt;<br /> 
&lt;p&gt;Text&lt;/p&gt;<br /> 
&lt;p&gt;Text&lt;/p&gt;<br /> 
&lt;p&gt;Text&lt;/p&gt;<br /> 
&lt;!-- Okay now let's continue with the list --&gt;<br /> 
    &lt;/div&gt;<br /> 
    &lt;/li&gt;<br /> 
    &lt;li&gt;Item 3&lt;/li&gt;<br /> 
    &lt;li&gt;Item 4&lt;/li&gt;<br /> 
&lt;/ol&gt;<br /> 
&lt;p&gt;Text&lt;/p&gt;<br /> 
&lt;p&gt;Text&lt;/p&gt;<br /> 
<br /> 
<pre>

------ परिणाम --------- पाठ पाठ

आइटम 1
आइटम 2

टेक्स्ट टेक्स्ट टेक्स्ट

आइटम 3
मद 4

पाठ पाठ

स्रोत

2010-10-04 18:56:54 SimTech

यह थोड़ा हैकी से अधिक है, और समस्या को हल भी नहीं करता है (जहां सूची इस तरह जा सकती है: 'आइटम 2, आइटम 4, आइटम 9') – nickf

अर्थात् यह खराब है। – djskinner

किसी ऑर्डर किए गए सूची पर नंबर बदलें?

उत्तर

संबंधित मुद्दे