Javascript zum auslesen von PHP-seiten

MagierJack · 8 April 2010

Das haben wir auch schon versucht! Aber es gib min. 5 elemente mit der Bezeichnung par_perc.
Un das steht schon auf den seiten 1-3 min. 2 mal!

crash · 8 April 2010

ich sehe aber keinen Unterschied zwischen document.getSelectorAll(".job_motivation .bar_perc") und getElementsByClassName("job_motivation bar_perc")

struppi · 8 April 2010

MagierJack schrieb:
Wenn man ihn so einfügt:

Jetzt sieht man dein Problem du rufst die Funktion auf, bevor das Element existiert. Platziere einfach das Skript z.b. vor dem abschliessen body Tag und schon funktioniert es

struppi · 8 April 2010

crash schrieb:
ich sehe aber keinen Unterschied zwischen document.getSelectorAll(".job_motivation .bar_perc") und getElementsByClassName("job_motivation bar_perc")

Nicht? Dann probier es mal aus mit dem HTML Code den wir hier haben.

MagierJack · 8 April 2010

Aber es soll alb bookmarklet eingefügt werden können! und es geht auch nicht mit

ich sehe aber keinen Unterschied zwischen document.getSelectorAll(".job_motivation .bar_perc") und getElementsByClassName("job_motivation bar_perc")

Wiso?

struppi · 8 April 2010

MagierJack schrieb:
Aber es soll alb bookmarklet eingefügt werden können! und es geht auch nicht mit

Natürlich geht es. Wenn es ein solches Element gibt, dann funktioniert es, ansonsten nicht.

MagierJack · 8 April 2010

wie müßte dann der JS-Code ausehen?

Ich weiß, was der Fehler war! Ich hatte tag anstatt class genommen, aber wie ich jetzt den code programieren kann, weiß ich nicht!

struppi · 8 April 2010

Das hatten wir doch schon alles???
so könnte der Code aussehen, wenn du nur ein Element willst:

PHP:

var el = document.querySelector(".job_motivation .bar_perc"); 
alert(el);

EDIT: und das finde ich eine erstaunlich Aussage:

MagierJack schrieb:
Ich weiß, was der Fehler war! Ich hatte tag anstatt class genommen, aber wie ich jetzt den code programieren kann, weiß ich nicht!

heißt das, du zeigst uns die ganze Zeit irgendwas und erwartest das wir dir konkret helfen?

MagierJack · 8 April 2010

er gibt mir null aus

struppi · 8 April 2010

MagierJack schrieb:
er gibt mir null aus

Dann existiert das Element in deinem HTML Code nicht - wie oft wollen wir das noch durchkauen?

MagierJack · 8 April 2010

so ist mein Code jetzt:

HTML:

<!DOCTYPE html>

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>New</title>
        <script type="text/javascript">

window.onload = function()
{
var el = document.querySelector(".job_motivation .bar_perc");
alert(el);

}

        </script>
    </head>

    <body>
    <tr class="job">
        <td><img src="http://www.html.de/images/job/motivation.png" alt=""> </td>
        <td><div class="bar">
    <div class="bar_fill" style="width: 150px;"></div>
    <div class="bar_perc">mist%</div>
    </tr>

    
        <tr class="j">
        <td><img src="http://www.html.de/images/job/motivation.png" alt=""> </td>
        <td><div class="bar">
    <div class="bar_fill" style="width: 150px;"></div>
    <div class="bar_perc">6%</div>
    </tr>

    <tr class="job_motivation">
        <td><img src="http://www.html.de/images/job/motivation.png" alt=""> </td>
        <td><div class="bar">
    <div class="bar_fill" style="width: 150px;"></div>
    <div class="bar_perc">100%</div>
    </tr>

    </body>

</html>

Ist das so korrekt?=)

struppi · 8 April 2010

Dein HTML ist extrem kaputt, daran liegt es das der Browser das Element nicht finden kann.

MagierJack · 8 April 2010

Kannst du es bitte vileicht reparieren?

struppi · 8 April 2010

Jedes HTML Element mit einem Inhalt muss geschlossen werden! Ausserdem fehlt das table-Element

MagierJack · 8 April 2010

Was den? ich weiß es nicht!
ich habe es jetzt mal so:

HTML:

<!DOCTYPE html>

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>New</title>
        <script type="text/javascript">

window.onload = function()
{
var el = document.querySelector(".job_motivation .bar_perc");
alert(el);

}

        </script>
    </head>

    <body>
<table>
    <tr class="job_motivation">
        <td><img src="http://www.html.de/images/job/motivation.png" alt=""> </td>
        <td><div class="bar"></td>
    <div class="bar_fill" style="width: 150px;"></div>
    <div class="bar_perc">mist%</div>
    </tr>

    
    <tr class="job_motivation">
        <td><img src="http://www.html.de/images/job/motivation.png" alt=""> </td>
        <td><div class="bar"></td>
    <div class="bar_fill" style="width: 150px;"></div>
    <div class="bar_perc">87%</div>
    </tr>

    <tr class="job_motivation">
        <td><img src="http://www.html.de/images/job/motivation.png" alt=""> </td>
        <td><div class="bar"></td>
    <div class="bar_fill" style="width: 150px;"></div>
    <div class="bar_perc">100%</div>
    </tr>
</table>
    </body>

</html>

UNd wenn es immer noch nocht richtig ist, verbesse es bitte! :'(

threadi · 9 April 2010

Für dich macht das vermutlich niemand. Aber mal als Tipp:

div darf nicht innerhalb von tr vorkommen. Du hast es aber immer dort positioniert, statt in eine Tabellenzelle (<td>) zu stecken.

Gimli · 9 April 2010

Validation Output: 3 Errors

Line 24, Column 34: Unclosed elements. <td><div class="bar"></td> ✉
Line 25, Column 48: Start tag div seen in table. <div class="bar_fill" style="width: 150px;"></div> ✉
Line 25, Column 48: Cannot recover after last error. Any further errors will be ignored. <div class="bar_fill" style="width: 150px;"></div>

Sagt ja schon alles. (sorry kann man leider nicht als Link schicken)
mach deine Elemente erstmal richtig zu!

MagierJack · 11 April 2010

Erstmal ein Sorry, das es so lange gedauert hat!
Ich habe nun einen Gefunden, der es mir erklärt hat:

HTML:

<script type="text/javascript">

var  f = 0;

for(var w in  AjaxWindow.windows) {

if(w.match(/^cityhall_build_/))  {
f++;
AjaxWindow.maximize(w);
}


else {
AjaxWindow.close(w);
}
}

if(f == 0)  {
var e = new HumanMessage("Es konnte kein Stadtausbaufenster gefunden  werden!");
}


else if(f > 1) {
var e = new HumanMessage("Es darf nur ein  Stadtausbaufenster geöffnet sein!");
}

else {
getInformation();
}




function  getInformation() {

var  d  = $('build_points_div').getElements('span');

var  fp = d[1].innerHTML;

var  s  = d[3].innerHTML;

var  ap = fp - s;

var  m  = $('windows').getElements('div.bar_perc')[3].innerHTML;

     m  = m.substring(0,  m.length-1);

var  r1 = Math.round((ap/5+10)*((m-3)/100));

var  r2 = Math.round(2*(ap/5+10)*((m-6)/100));

alert($('cityhall_build_topic').innerHTML+  "\n\nFertigkeitspunkte: "+fp + "\nSchwierigkeit: "+s + "\nMotivation:  "+m+"%"+ "\n\n1h Arbeit: "+r1+" Ausbaupunkte" + "\n2h Arbeit: "+r2+"  Ausbaupunkte");

}

</script>

Aber dazu habe ich eine Frage, die er mir nicht mehr erklärt hatte:

Was heißt das:

Code:

var  m  = $('windows').getElements('div.bar_perc')[3].innerHTML;

variable m = ???
Wer kann mir das Erklären?

mermshaus · 11 April 2010

Scheint eine MooTools-Methode zu sein. Doku hier: MooTools Docs - Element/Element

Das ist eine externe Library, die du dir einbinden müsstest.

So langsam wird das ein wenig viel für die Adresszeile, oder? ;)

struppi · 11 April 2010

und auch überflüssig, da das obige von mir gezeigte bereits das tut. Und wenn es darum geht, dass Browserübergreifender zu machen, dann hätte statt mootools auch sizzle ausgereicht. Du brauchst ja nur die Selektor-engine.

Javascript zum auslesen von PHP-seiten

Neues Mitglied

Neues Mitglied

struppi

Guest

struppi

Guest

Neues Mitglied

struppi

Guest

Neues Mitglied

struppi

Guest

Neues Mitglied

struppi

Guest

Neues Mitglied

struppi

Guest

Neues Mitglied

struppi

Guest

Neues Mitglied

Moderator

Mitglied

Neues Mitglied

Senior HTML'ler

struppi

Guest