Javascript Zeilenzahlen (in While-Schleife)

tux86 · 18.01.2010, 09:29

So nach drei Tagen intensiver Suche muss ich mich nun doch wieder hier melden.

Im header habe ich folgendes javascript-event.

PHP-Code:

  <script type="text/javascript">    

function fill()

{

    var text = document.getElementById('text').offsetHeight    

        

    var length = (6 * text / 100)

    height = document.getElementById('zeilen').offsetHeight

    var i = 0;

    var k = 0

    

    do

    {

        i = i + 1

        k = k + 1

        if(k == 5)

        {

            zahl = i;

            k = 0;

        }

        else

        {

            zahl = "";

        }

        

        document.getElementById('zeilen').innerHTML += zahl+'<br />'

        height = document.getElementById('zeilen').offsetHeight

    }

    while(height-10 < text)    

}

</script>

ich mach eine abfrage auf eine datenbank um bestimmte texte auszulesen
also zum beispiel

Code:

select text from antrag

in eine php while-Schleife lasse ich den text ausgeben

PHP-Code:

 
while(...)

}

?>

<table width="630">

<tr>

<td id="zeilen" class="znr">

 
</td>

<td class="atext" id="text">

<?php echo $text; ?>

</td>

</tr>

</table>

<?php

}

und nun bin ich vollkommen ratlos wie ich vor jeder ausgabe das oben aufgeführte event auslösen kann.

<body onload=""> lässt das ganze ja nur ein einziges mal laufen. Also habe ich vor dem erstem text zeilenzahlen und bei allen folgenden nicht mehr. Und <table onLoad=""> gibs ja nicht.

Meine Javascript Kenntnisse reichen nun auch nicht mehr aus um nach bestimmten Lösungsansätzen zu suchen. Ich habe mir alle eventhandler angeschaut und versucht rauszufinden wie ich das event vielleicht anders auslösen kann. doch leider ohne erfolg.

Für weiterhilfe wäre ich sehr dankbar

chorn · 18.01.2010, 09:44

Du kannst Javascript auch als HTML-Elemente einbetten

SELFHTML: Navigationshilfen / Kurzreferenz: HTML

rudygotya · 18.01.2010, 10:22

Bitte nicht in den Page Markup. Das ist liderwich zu warten. Ein Framework würde das ganze erleichtern, hier mal ein tutorial, das dich weiterbringen könnte

tux86 · 05.03.2010, 14:39

Lösung:

Javascript

PHP-Code:

  <script type="text/javascript">

function filllines()

{

    var tab = document.getElementsByTagName('tr').length

    for(var j = 1; j <= tab*2; j+=2)

    {

        var text = document.getElementById(j).offsetHeight

        

        height = document.getElementById(j+1).offsetHeight

        var i = 0

        var k = 0

 
        do

        {

                i = i + 1

                k = k + 1

                if(k == 5)

                {

                        zahl = i

                        k = 0

                }

                else

                {

                        zahl = ""

                }

        document.getElementById(j+1).innerHTML += zahl+'<br />'

                height = document.getElementById(j+1).offsetHeight

        }

        while(height-10 < text)

 
    }

}

</script>

<body onLoad="filllines()">

Bei jedem neuem Text wird $j neu definiert d.h. die Ausgabe erfolgt auch in einer while-Schleife

PHP-Code:

 
$j = $j + 2;

<table width="700">

        <tr>

            <td id="<?php echo $j+1;?>" class="znr">

            </td>

            <td id="<?php echo $j;?>" class="atexttable">

            <?php echo $text;?>

            <?php echo $begruendung; ?>

            </td>

            <td width="10">

            </td>

            <td class="atexttable">

            <?php echo $text_ak;?>

            </td>

        </tr>

        </table>    

        <?php

    }

    else

    {

        ?>

        <br /><br />

        <table width="640" id="table">

        <tr>

            <td id="<?php echo $j+1;?>" class="znr">

            </td>

            <td id="<?php echo $j;?>" class="atext">

            <?php echo $text;?>

            <?php echo $begruendung; ?>

            </td>

        </tr>

        </table>

        <?php

    }

Wenn jemand eine elegantere Lösung für Zeilenzahlen in einem HTML-Dokument hat würde ich mich natürlich freuen diese zu erfahren.

Danke an alle die geantwortet haben.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Kein Formular in while Schleife?	dave303	PHP Tipps 2009	15	29.12.2009 15:06
Daten aus While Schleife senden	Kallewaze	PHP Tipps 2009	18	20.03.2009 16:55
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Problem mit Db+Bild in der while Schleife	Janika	PHP Tipps 2008	10	17.09.2008 20:39
While schleife -> letzter durchgang	Skazi	PHP Tipps 2006	7	16.09.2006 00:11
Problem mit while schleife	obi	PHP Tipps 2006	6	31.08.2006 13:40
mysql_query verschmelzen zweier abfragen (while schleife)	Buschdieb	PHP Tipps 2006	10	15.07.2006 17:11
while Schleife gibt nicht alle Daten aus		PHP Tipps 2006	2	12.01.2006 19:24
[Erledigt] While schleife in while schleife = nur ein datensatz?!		PHP Tipps 2005-2	9	28.10.2005 12:48
while schleife in einer while schleife beim tmpl-sys		PHP Tipps 2005-2	0	27.07.2005 15:07
While Schleife	Beatbox	Off-Topic Diskussionen	8	19.05.2005 21:55
while schleife beenden		PHP Tipps 2005	3	29.03.2005 20:35
IF ELSEIF ELSEIF ELSE mit While Schleife		PHP Tipps 2005	9	04.03.2005 23:27
Variabel aus while schleife ausserhalb der schleife nutzen		PHP Tipps 2005	8	12.02.2005 18:04
resultausgabe mit while schleife in pdf dokument		PHP Tipps 2004	2	23.09.2004 14:56

18.01.2010, 09:29
tux86 Benutzer Registriert seit: 17.06.2009 Beiträge: 30 PHP-Kenntnisse: Anfänger	Javascript Zeilenzahlen (in While-Schleife) So nach drei Tagen intensiver Suche muss ich mich nun doch wieder hier melden. Im header habe ich folgendes javascript-event. PHP-Code: <script type="text/javascript"> function fill() { var text = document.getElementById('text').offsetHeight var length = (6 * text / 100) height = document.getElementById('zeilen').offsetHeight var i = 0; var k = 0 do { i = i + 1 k = k + 1 if(k == 5) { zahl = i; k = 0; } else { zahl = ""; } document.getElementById('zeilen').innerHTML += zahl+'<br />' height = document.getElementById('zeilen').offsetHeight } while(height-10 < text) } </script> ich mach eine abfrage auf eine datenbank um bestimmte texte auszulesen also zum beispiel Code: select text from antrag in eine php while-Schleife lasse ich den text ausgeben PHP-Code: `while(...) } ?> <table width="630"> <tr> <td id="zeilen" class="znr"> </td> <td class="atext" id="text"> <?php echo $text; ?> </td> </tr> </table> <?php }` und nun bin ich vollkommen ratlos wie ich vor jeder ausgabe das oben aufgeführte event auslösen kann. <body onload=""> lässt das ganze ja nur ein einziges mal laufen. Also habe ich vor dem erstem text zeilenzahlen und bei allen folgenden nicht mehr. Und <table onLoad=""> gibs ja nicht. Meine Javascript Kenntnisse reichen nun auch nicht mehr aus um nach bestimmten Lösungsansätzen zu suchen. Ich habe mir alle eventhandler angeschaut und versucht rauszufinden wie ich das event vielleicht anders auslösen kann. doch leider ohne erfolg. Für weiterhilfe wäre ich sehr dankbar


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.01.2010, 09:44
chorn Erfahrener Benutzer Registriert seit: 07.12.2009 Beiträge: 814 PHP-Kenntnisse: Fortgeschritten	Du kannst Javascript auch als HTML-Elemente einbetten SELFHTML: Navigationshilfen / Kurzreferenz: HTML

18.01.2010, 10:22
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 1.897 PHP-Kenntnisse: Fortgeschritten	Bitte nicht in den Page Markup. Das ist liderwich zu warten. Ein Framework würde das ganze erleichtern, hier mal ein tutorial, das dich weiterbringen könnte __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

05.03.2010, 14:39
tux86 Benutzer Registriert seit: 17.06.2009 Beiträge: 30 PHP-Kenntnisse: Anfänger	Lösung: Javascript PHP-Code: <script type="text/javascript"> function filllines() { var tab = document.getElementsByTagName('tr').length for(var j = 1; j <= tab*2; j+=2) { var text = document.getElementById(j).offsetHeight height = document.getElementById(j+1).offsetHeight var i = 0 var k = 0 do { i = i + 1 k = k + 1 if(k == 5) { zahl = i k = 0 } else { zahl = "" } document.getElementById(j+1).innerHTML += zahl+'<br />' height = document.getElementById(j+1).offsetHeight } while(height-10 < text) } } </script> <body onLoad="filllines()"> Bei jedem neuem Text wird $j neu definiert d.h. die Ausgabe erfolgt auch in einer while-Schleife PHP-Code: $j = $j + 2; <table width="700"> <tr> <td id="<?php echo $j+1;?>" class="znr"> </td> <td id="<?php echo $j;?>" class="atexttable"> <?php echo $text;?> <?php echo $begruendung; ?> </td> <td width="10"> </td> <td class="atexttable"> <?php echo $text_ak;?> </td> </tr> </table> <?php } else { ?> <br /><br /> <table width="640" id="table"> <tr> <td id="<?php echo $j+1;?>" class="znr"> </td> <td id="<?php echo $j;?>" class="atext"> <?php echo $text;?> <?php echo $begruendung; ?> </td> </tr> </table> <?php } Wenn jemand eine elegantere Lösung für Zeilenzahlen in einem HTML-Dokument hat würde ich mich natürlich freuen diese zu erfahren. Danke an alle die geantwortet haben.