Keresés
Hírlevél
 
Kiemelt témák
»10 éves a prog.hu
»Párhuzamos programozás
»Párhuzamos végrehajtás == szemléletváltás!
Állás/munka
»Tanárt keresek
»Port.hu film tartalmának kinyerése
»PHP programozó kerestetik
»Fejlesztői megbízásokat/munkát keresek
»Senior .Net fejlesztő szabad kapacitással
» több téma
Tudástár
? torrent file helyett txt-t
?PHP:keresés szó szerint...
*PHP if-nél megakadtam
√Mobilinternet használata robotokban
?Delphi Form méretezési probléma
?HelpProvider alkalmazás .HLP fájlban
√2 oldalas form
√SetFocus hatástalan
?XP-n megy Win7-en megakad (Delphi)
?Hiányos mp3 hallgatás telefonról! C#
√A legalsó scrollTop értéket nem veszi figyelembe
√3 dív pozicionálása (2 egymás mellé, 1 ezek alá)
?Curl login Joomla-ba (PHP)
*Java Axis webservice file küldés és fogadás
?C# scrollozható form
» több téma
Társalgó
»Az általános műveltség része kellene, hogy legyen a programozni tudás?
»Get flood elleni védekezés
»Újra programozni fog a Facebook alapítója és multimilliárdos elnöke
»Firebird - Több adatbázis vagy egy?
»Clipper kontra XP
»Webshop ár kb...
»Hogy működik egy apróhirdető oldal (MySQL)?
»Körlevél script PHP + MySQL
»New project probléma VS 2010 C#
»Kezdőknek:grafikus felület választás
» több téma
ASPC#C++CSSDelphiFlashJavaJavaScriptPascalPerlPHPPythonuniPaaSVisual BasicVisual C++  »    

Tudástár

»

JavaScripttel sorszámozott táblaoszlop

»

JavaScripttel sorszámozott táblaoszlop

nyitotta: RamPaly, idő: 2012.02.06., moderátor: moderator, megoldás elfogadva: 2012.02.07. 11:24
  Értesítés változás esetén Felvétel kedvencekhez Küldés emailben Nyomtatható verzió

Kategóriák:Programozási nyelvek » JavaScript
Web-programozás » HTML

Kulcsszavak:
Sorrend:
Időzóna:
Blokkméret:
Oszd meg másokkal is!
Üdv!
Segítséget szeretnék kérni egy táblázathoz, aminek az első oszlopát javascript-tel szeretném sorszámozni, mert a táblázat tartalma ABC sorrendben van, és ha bővül, akkor ne kelljen mindig átirkálni a sorszámokat.
Íme a táblázat sémája:

<table>
<tr>
<td class="cimke" colspan="2">Zenekar neve</td>
<td class="cimke">Lemez címe</td>
<td class="cimke">Megjelenés éve</td>
<td class="cimke">Beszerzés módja/helye</td>
</tr>
<tr>
<td class="szam"></td>
<td><a class="magyar_zene">Alhana</a></td>
<td><a class="magyar_music"
href="alhana_tundertanc.html">Tündértánc CD</a></td>
<td class="kozep">2005</td>
<td><a class="link" href="http://hammerworld.hu/">HammerWorld melléklet</a></td>
</tr>
<tr>
<td class="szam"></td>
<td><a class="magyar_zene">Anxius</a></td>
<td><a class="magyar_music" href="anxius_azoroklethataran.html">Az örök lét határán CD</a></td>
<td class="kozep">2006</td>
<td><a class="link" href="http://hammerworld.hu/">HammerWorld melléklet</a></td>
</tr>
.
.
.
stb

A szam class-ba tartozó cellákba menne a sorszám, egyenlőre 1-től 50-ig:

<script type="text/javascript">
var sorszam=1;
for (sorszam=1;sorszam<51;sorszam++)
{
document.write(sorszam +".");
}
</script>

Ezzel szépen kiírja a sorszámokat a táblázat alá. Eddig jutottam, tudom.......ez nem túl sok....
Előre is köszönöm a segítséget!!!
Hello!

Miért pont CLASS-ba?
ID nem jó?

A class nem arra való. És milyen szerepet tölt be az a sorszám? Mert a képernyőn az úgy nem látható úgysem...

Csak infót gyűjtök egyelőre...

/tökfilkó/ előzmény
Egyik lehetőség: getElementsByTagName-mel kérd le az összes td-t, majd amelyiknek a class-a 'szam', abba beírod a sorszámot és növeled:

var tds = document.getElementsByTagName('td');
for(var i=0,j=1; i<tds.length; i++) {
  if(tds[i].className == 'szam') {
    tds[i].innerHTML = (j++) + '.';
  }
}
előzmény
PHP-vel egyszerűbb lenne.. SOKKAL!!

Amúgy a document.write csak a képernyőre írja ki.
id alapján tudsz beleírni az adott cellába, pl.:

<td class="szam" id="szam12">

és így tovább, tehát ha újat hozol létre, akkor el kell látnod egy id-vel, azaz egy egyedi azonosítóval.

A JS-be pedig a

document.getElementById('szam12').value =  "12";

vel tudsz írni
document.write(sorszam +"."); helyett...

TheTester'
előzmény
Ezer bocs... valamit nagyon elnéztem... Nem a class="" értékét kell felülírni a számokkal, hanem a hozzá tartozó td-be kell írni... azt hiszem, kezd nekem este lenni... előzmény
Gondolom nem szeretnél minden sorban külön egyedi id-t megadni, mert ennyi erővel már egyszerűbb volna magát a sorszámot manuálisan beírni.

Ha mellőzöd a PHP-t, akkor van egy ilyen JS lehetőség, ami nálam működik - legalábbis Operában és Firefoxban.

<table id="tableid">
  .     .     .
  .     .     .
  .     .     .
</table>

<script language="JavaScript" type="text/javascript">
window.onload=function ()
{
  var t=document.getElementById("tableid").childNodes[1];
  for(var j=1; j<t.childNodes.length; j++)
    t.childNodes[j*2].childNodes[1].innerHTML=j+". ";
}
</script>
előzmény
A <td class="szam">-ot, már nem szeretném megváltoztatni, csak ha nincs más lehetőség, mert már több elég hosszú táblázatról van szó... + már css-ben is így van formázva a táblázatok első oszlopa.
Egy előtted szóló már működő megoldást adott, de neked is köszönöm!!! előzmény
JavaScrip-ben akartam megoldani...

Ez a megoldás elég hosszadalmas lett volna, mert így a táblázat 1. oszlopának minden cellájának külön id-t kellett volna adni, és külön JS kód kellett volna minden cellában.

A megoldás már megvan, de köszönöm a hozzászólást! előzmény
Köszönöm a megoldást!!! előzmény
Külön JS kód a ciklus végett létrejött volna, de igen, mindent el kellett volna látni ID-vel. Frostech0 ezt leegyszerűsítette, hogy automatikusan megkereste az elemeket.

Amúgy szívesen!
TheTester'
előzmény
Oszd meg másokkal is!
Belépés
E-mail cím:
Jelszó:

cvonline.hu
»iOS fejlesztő
»Senior web programozó
»Java fejlesztő (Bécs)
»Java fejlesztő (front-end, backend)
»PHP fejlesztő (Ausztria, Németország)
»Solaris rendszermérnök
» még több állás
Kérdésed van?
Problémád, kérdésed van? Segítünk neked is. Csak kattints ide!
RSS források
-Hírek
-Cikkek
-Fórumok
-Állás/munka
Top pontgyűjtők
»Árnyék1.100
»silentworks910
»Robi80910
»szabofe860
»bubori.attila760
»djjjozsi680
»Galovics660
»Riha590
»Frostech0560
»Csaboka2550
A nap kifejezései
»Adatszegmens
»Konstans
»Makró
» ugrás a wikire
Hírek
»Az általános műveltség része kellene, hogy legyen a programozni tudás?
»Újra programozni fog a Facebook alapítója és multimilliárdos elnöke
»Vizuális felülettervezőt adott ki .NET-es Android-alkalmazásfejlesztéshez a Xamarin
» több hír
PC Fórum hírek
»Elvennék és felhasználóinak adnák a Facebook összes pénzét
»Rejtélyes ikont dugdosgat a Microsoft a Windows 8-ban
»Út a Windows 8-ig - a Windows rendszerek három évtizedének története, képekben
»Mától bárki regisztrálhat a so.cl-ra, a Microsoft közösségi oldalára
»Megérkeztek az első képek az Unreal Engine 4 játékmotorról
»Itt az első videó a a Firefox Windows 8-as változatáról
»Nyártól akár 150 megabites nethozzáférést is ad az Invitel
»Kilenc kritikus biztonsági hibát javít az új Google Chrome
Top wikieditorok
»Sting
»Doi
»FlamingClaw
»Argathron
»Csaboka2
»Muki987
»NevemTeve
»Ivn
»Kelemzol
»Joexy
» ugrás a wikire