line numbering

[dee]

Nisam siguran da je ovo moguce, ali za svaki slucaj, mozda netko ima kakvu ideju/rjesenje.

Imam html-ove po npr. 1000 redaka i svaki red mora biti numeriran (redovi teksta/sadrzaja, ne koda). HTML sadrzi razne elemente -> <p>, <ul>, <ol>, <input>, <textarea>, <div>. Ono sto me zanima je: postoji li kakav nacin da numeriram linije teksta u dokumentu? mislim na nesto automatizirano, naravno.

Trenutno je stvar rijesena tako da se u svakom redu poziva funkcija koja vraca jedan <label>$broj_retka</label> apsolutno pozicioniran na left:0; sto je ok, ali zahtijeva bjesomucni paste u svaku liniju teksta. Ima li sta automatizirano?

[jablan]

Ja ne razumem: da li ispisuješ taj HTML u okviru druge stranice (kao code snippet) pa hoćeš da ga numerišeš, ili šta?

[dee]

ma ne...ispricavam se ako sam bio nedovoljno jasan.

to je dokument, sam za sebe, uzmi najjednostavniji slucaj: u html dokumentu imas 1000 linija teksta (rasporedjenih po raznim html blokovima/tagovima) i treba numerirati linije.

[jablan]

Sorry, ja opet ne razumem. HTML omogućava da se tekst unutar njega pozicionira na najrazličitije moguće načine, linije mogu da se preklapaju, nekad imamo više kolona. Imaš li neki primer ulaza i izlaza, bilo bi tako najjasnije?

Opet, možda je do mene što ne razumem.

[dee]

npr:


<div style="width:500px;">
<h1>Naslov</h1>
<h2>Podnaslov</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </li>
</ul>
<input name="x" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum" />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </span>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </li>
</ol>
</div>


nema vise kolona. nema float elemenata. samo eventualno neka margina. dakle, normal flow.

ovako postavljen tekst, rasporedit ce se u x linija (ovisno o sirini wrapper div-a). konkretno, unutar recimo jednog <li> elementa, pasus ce se razlomiti u npr 3 linije (opet, ovisno o sirini wrappera). mene zanima, postoji li nacin da numeriram te redove automatski? dakle, da mi se ispred svakog reda teksta pojavi broj linije u kojoj je, posto ce se broj redova ocito mijenjati promijenim li npr. wrapperu width atribut.

[galeksic]

ili stavi, ako mozes, u pozadinu neku sliku gde si vec upisao brojeve linija i pogodio mesto gde treba da stoje, ili sacekaj ovde nekog javascript gurua koji ce to lepo da resi. :)

[Taurus]

Koliko sam ja razumeo to bi trebalo da ima veze sa sirinom teksta, tj. morao bi da odredis tacan broj karaktera koji ti ide u jednoj liniji pre nego sto se uradi wrap.

Posle toga odradis skriptu koja ce ti na zadati broj karaktera sama ubacivati label.

Daj Boze da sam razumeo sta si hteo, a i da si ti razumeo sta sam ti ja rekao, posto i meni zvuci konfuzno. :D

[zira]

Tebi treba nesto kao ovo (dno strane), radi samo u IE, pomocu .htc?

http://jeffhowden.com/code/css/forms/

Mozda ti pomogne i
http://elasticdog.com/2004/09/code-viewer/