[JS] Text Filteren (met RegExp?)

[ikkuhqhp]

Hoi,

Ik heb een stuk HTML waar in de body een naam staat. Nou wil ik die naam eruit filteren en opslaan in een variabele met javascript. Ik heb het ooit in Visual Basic gedaan, volgens mij met Regular Expressions, maar nu wil ik dat ook in JavaScript doen. Nou heb ik al een redelijke hoeveelheid tutorials bekeken maar ik kom er niet uit. Wat ik wil is de naam uit dit stukje code filteren:

HTML:

<table class="noprint" style="width: 100%; background-color: #0491d1; color: white;">
  <tr>
    <td align="right">
      &nbsp;
      <b>
        Piet Jansen
      </b>

    </td>
  </tr>

Dan wil ik dus Piet Jansen in een variabele hebben, maar er kan net zo goed een andere naam staan. Welke Expressie moet ik dan hebben?

Bij voorbaat dank!

[ Voor 6% gewijzigd door een moderator op 20-04-2009 23:14 . Reden: html en indenting ]

[BtM909]

Als je een beetje uitlegt wat de context is, dan kunnen we je misschien beter op weg helpen:

• Is dit de enige tabel op de pagina?
• Heb je invloed op de tabel (lees: html) wat er wordt genereerd?
• Waar komt de tekst vandaan en wat wil je ermee doen?

[ikkuhqhp]

Ik wil de naam van de persoon die bezoekt met een Alert weergeven. Dus als Piet Jansen de pagina bezoekt moet er een popup komen met "hallo Piet Jansen". Ik kan alleen Javascript gebruiken. Verder is het stukje " " uniek op de pagina.

[BtM909]

Da's niet echt wat ik vraag

Maar als het de enige tabel is (en dat betwijfel ik), kan je uit de DOM alle table elementen ophalen (zou dus niet meer dan 1 zijn), vervolgens door de elementen net zolang dat je het b element te pakken hebt en daar de text node uitvissen.

Met een library als mootools kan je bovenstaande selector heel makkelijk uitvoeren

[ikkuhqhp]

op het moment ben ik aan het klooien met:

code:

function getName() {
var RE_Name = /[a-z]{3,}\s\s[a-z]{2,}/i;
var FoundName = RE_Name.test(document.body);
alert(FoundName);
}

Echter vindt hij niks, nou is document.body volgens mij niet goed en als hij hem nou vindt zou hij alleen maar "true" geven, hoe zorg ik dat hij die naam dan geeft?

[BtM909]

Waarom zou je dit via een regExp doen?

[ikkuhqhp]

Omdat ik niet anders weet hoe Maar nu weet ik dat die RegExp goed is, alleen document.body returnt "[Object.HTMLBodyElement]" ipv wat er in de broncode staat, waarmee vervang ik dat zodat hij wel echt de body scant?

[BtM909]

Wat dacht je van googlen en vinden dat je .innerHTML of innerText kan gebruiken

Trouwens, good luck met je RegExp

[ikkuhqhp]

Kijk, we komen ergens! Als ik deze code gebruik returnt hij "true"

code:

function getName() {
var RE_Name = /[a-z]{3,}\s\s[a-z]{2,}/i;
var FoundName = RE_Name.test(document.body.innerHTML);
alert(FoundName);
}

Nu nog zorgen dat hij de naam returnt

[BtM909]

Wat doet volgens jou je RegExp op regel 2 en sterker nog wat denk je dat regel 3 doet :x

[ikkuhqhp]

Ehm, regel 2 geeft de expressie die ik zoek. En regel 3 evalueert het document op basis van die expressie of de waarde erin staat. Wat uiteindelijk werkt is:

code:

var RE_Name = /[a-z]{3,}\s\s[a-z]{2,}/i;
var FoundName = RE_Name.exec(document.body.innerHTML);
Alert(FoundName[0]);

[Cartman!]

Je weet dat t via een alert weergeven van iemand zn naam ervaren kan worden als storend? Is meer iets voor 1995 ook imo En lees je eens in over wat de DOM is en hoe je ermee kunt werken, heb je veel meer aan dan je regex. Overigens, wat gebeurt er nu als iemand geen Piet Jansen heet maar "Jan Peter Balkenende" of "Floris Jan van Flippenstein" (voor de insiders ) ?

[Guillome]

Ja dit is onbetrouwbare bagger

[Haan]

Waarom gebruik je niet document.getElementsByTagname, of nog makkelijker, als je de HTML van die pagina aan kan passen:

HTML:

<table class="noprint" style="width: 100%; background-color: #0491d1; color: white;">
  <tr>
    <td align="right">
      &nbsp;
      <b id="bezoeker">
        Piet Jansen
      </b>

    </td>
  </tr>

En dan:

JavaScript:

var naam = document.getElementById("bezoeker");
alert(naam.innerHtml);

Kijk eens hier voor nog meer uitleg. Stap in ieder geval zo snel mogelijk van de regexp af, want dat slaat helemaal nergens op