stripping text from a div and storing into var

jordandap · 07-17-2011, 10:49 AM

well what i want to do is strip the following divs of only some of its information so its easier for the script i have made to complete the answer.

Code:

<div style="display: none;" id="questiondiv">You challenge The Wiseman to a game of trivia, he asks you this question:<br/>&nbsp;<br/>
               <!--store from here-->What did David Stirling find?<!--to here in a var--> (Hint: S__)<br/>&nbsp;<br/>
                <input class="dungeoninput" type="text" size="16" id="answer" value="" maxlength="32"></input><br/>
                <div class="btn100" style="margin-top: 6px;"
				onclick="loadDiv2('/dream/explore?action=acceptTrivia&qid=727'); return false;">Answer</div>
                </div>

but it cannot edit the html in anyway(on load edit) but edit it trough firefox greasemonkey preferably. i would be very greatfull for anyone who can help because i know some things about javascript but when it comes to stripping content my brain just fries, and if you need more explanation just ask.

rnd me · 07-18-2011, 12:22 AM

scraping can be tricky, especially with text segments.
i often use my handy node getter for these types of situations.

indeed, it seemed to work like a charm on the markup you posted:

Code:

<body>
 <div style="display: none;" id="questiondiv">
You challenge The Wiseman to a game of trivia, he asks you this question:<br/>&nbsp;<br/>
               <!--store from here-->What did David Stirling find?<!--to here in a var--> (Hint: S__)<br/>&nbsp;<br/>
                <input class="dungeoninput" type="text" size="16" id="answer" value="" maxlength="32"></input><br/>
                <div class="btn100" style="margin-top: 6px;"
				onclick="loadDiv2('/dream/explore?action=acceptTrivia&qid=727'); return false;">Answer</div>
                </div>









<script>
function getNodes(prop, val, meth, nd, useSelf ){
 var r=[], any= getNodes[val]===true;
 nd=nd||document.documentElement;
 if(nd.constructor===Array){nd={childNodes:nd};}
  for(var cn=nd.childNodes, i=0, mx=cn.length;i<mx;i++){
    var it=cn[i];
    if( it.childNodes.length && !useSelf ){r=r.concat(getNodes(prop, val, meth, it,useSelf ));}
	if( any ? it[prop] : (it[prop]!==undefined && (meth ? ""[meth] && 
		String(it[prop])[meth](val) : it[prop]==val))){
		  r[r.length]=it; 
	}
  }//nxt
 
return r;
};getNodes[null]=true;getNodes[undefined]=true;
//end getNodes()






//example: 	(modify arguments to suit your needs)
alert(
  getNodes(
	"data",	//examine each node's .data property (only hits text nodes)
	/\?/,		//looking for text with a "?"
	"match",	//using String().match method to accept arguments[1]
	document.getElementById("questiondiv") // looking in the question div
  )[0].textContent 	//show text of first match
);



</script>
</body>

jordandap · 07-18-2011, 07:55 PM

edit nevermind i get it thanks alot

jordandap · 07-18-2011, 08:51 PM

hey it worked but it didnt get rid of the "(Hint: S__)" is there anyway of triming this off?

rnd me · 07-18-2011, 09:16 PM

Quote:

Originally Posted by jordandap

hey it worked but it didnt get rid of the "(Hint: S__)" is there anyway of triming this off?

then your example was different than the actual source. tisk tisk...

at any rate, just use a split:

Code:

//example: 	(modify arguments to suit your needs)
alert(
  getNodes(
	"data",	//examine each node's .data property (only hits text nodes)
	/\?/,		//looking for text with a "?"
	"match",	//using String().match method to accept arguments[1]
	document.getElementById("questiondiv") // looking in the question div
  )[0].textContent.split("?")[0]+"?"	//show text of first match
);

jordandap · 07-18-2011, 09:32 PM

i did actualy coment what i wanted

<snip>What did David Stirling find? (Hint: S__)<snip>