• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Javascript zum auslesen von PHP-seiten

Status
Für weitere Antworten geschlossen.
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!
 
ich sehe aber keinen Unterschied zwischen document.getSelectorAll(".job_motivation .bar_perc") und getElementsByClassName("job_motivation bar_perc")
 
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!
 
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!
Zum Vergrößern anklicken....
heißt das, du zeigst uns die ganze Zeit irgendwas und erwartest das wir dir konkret helfen?
 
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?=)
 
Dein HTML ist extrem kaputt, daran liegt es das der Browser das Element nicht finden kann.
 
Jedes HTML Element mit einem Inhalt muss geschlossen werden! Ausserdem fehlt das table-Element
 
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! :'(
 
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.
 
Validation Output: 3 Errors


  1. error.png
    Line 24, Column 34: Unclosed elements. <td><div class="bar"></td> ✉
  2. error.png
    Line 25, Column 48: Start tag div seen in table. <div class="bar_fill" style="width: 150px;"></div> ✉
  3. error.png
    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!
 
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?
 
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.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben