/    Sign up×
Community /Pin to ProfileBookmark

Newbie JS GIRL with question for JS STUD!

Hi,

I’m not a coder at all. me and my friend gilbatros are trying to maniupulate the following code so that it will parse the the requesting URL query string so when the webpage opens it scrolls to the search terms.

Take a look at my code so far. It can scroll and hightlight terms but i can’t figure out how to parse the requesting URL (google search) for the search terms:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd“>
<html lang=”en”>
<head>
<title>highlight</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>

<script type=”text/javascript”>
window.onload=function(){
var searchTerm=’phud’;
var contents=document.body.innerHTML;
var idx=contents.search(searchTerm);
if(idx) {
contents=contents.replace(searchTerm,'<span id=”highlight”>’+searchTerm+'</span>’);
document.body.innerHTML=contents;
document.getElementById(‘highlight’).scrollIntoView();
}
};
</script>

<style type=”text/css”>
#highlight {background:yellow;}
</style>

</head>
<body>
<h1>Nirafo</h1>
<p>Aphasm escit ra apovum ecripsat. Quorepl alist osmephum ime itasmotis to eleh. Quadeth est. Coticreus oce ro omuf ari trolodeus est. Nosm est. Thihopsiem, minus beh brofiprue teranis. </p>
<h2>Smopada</h2>
<h2>Edrecram Ol Quorobucranis</h2>
<h3>Funap</h3>
<p>Ohusch ifemes, presn mapliant ple pupriem nalaho. Acrutra son cro teton hi prenaquid est. Ocophiant asi pso bratetriem eta cragasch est. Volespes in aplasnem usnerhant. Gerociant ina quidu tefum ag hiphue est. </p>
<p>Trog crin maquor on crebatuer tes efascranis. Ehisc pibisnam snatofas, ic smot pel vavetont. Drup nicrus quido edesmiem plarodonis. Ugepsiant sosch log fathon atahotis. Stim dabr quorimapseus vi dathat ufo lequadat. Quoreh muspeus quidicusp, bro psopl tutist ropinuer. Schops tremorh, otusm lusagore dro aquorospore pluvusmont. Socelum in rhetapa tumotis. Tof, vufucrue ul uquadicrum ulovant. Smotr ruquidi ipreprant, an ugist popupr mucanis. Acron osmac ipeh vav iloquader quadi govedas. Das mipacras, scet roteprore tin tabesch opod. Escreh quadot dipapam nan hubo bre etomas. Sorhiant, vasta quoro opraquoriant meriplotis. </p>
<p>Apoquid equoraphes mo buthi apretrotis. Fasm ohesmus, phud planerhes pe mafothius itohonis. Brigiquorum in imischius vicrat. Smubr est. Orhan ipsev tigigue ana omosmer ide tacront. </p>
<h3>Omorue</h3>
<p>Escol tosn umequidem vef asmibrer vi poricatis. Rothiem ef ano olotreus ah stepephum est. Elicr osnepla baquadont, hes thisp osmicriant quidoteplant. Ipricreus in falusmam esmobrat. Losch brebuquadum vi scasuquidam psenerer. Nasm trunopsit ac regabue tobiscro. Scropl thabipiant at tequadore raciquidat. Thatoscrus psinorat, staquad letore rhu dam moscuer. Gunit spisp to tahius abribruer. Rhol brim asarus ahe epifer ega lononont. Stuph laspa ubi spimason palanis. Rilebrue in alabon anabruer. Losm eda toh itrismeus schi rismus est. Brov trotiphue eni ditob abrecras. </p>
<p>Scrapabrue in ololum ihaschotis. Uphar est. Soquid oquorephem hec stoniquadus catasp. Anosc escruquad ip ihetha listonis. Mes in mirus uhiscanis. </p>
<h3>Pre Obaquad Nohequorant</h3>
<p>Thoph rutuphem, schin nobram ah ivascon psahitotis. Esmal quorabiteus ehi dimequor cunavanis. Arhel odagus pse ospaquideus psotamont. Metoquidi pre ohe vaquidam sce icimius est. Spast thesepus ime gafore apriquadatis. </p>
<h2>Rhenosmanis</h2>
<h3>Tah Conedit Drageschat</h3>
<p>Cril mepam spihecront, im psen scrumirham devath. Ciquid scar ladam thu comanatis oro etrusmas. Thol diprem, uthuf piva ob phetepses craramatis. Epirh est. Ohasc pufim im otagit matiphas. Osmod locuscam, ulerh givescam alo ferespius familonis. Idabreus quorid ha phogemiem imeplont. Osith busnem scrapinant, ta craf ethosn losmonis. Pofiem gi ilu lapemem eg opadrius est. Breps snesascram, asath abuquadeus ho nophes vupodont. Quorideham, corap et scriperem schohuto. Path tesothius noper, dru quadicr atradr ehapsant. Smes uton, quidap scerosch tre pibiniant poher. </p>

</body>
</html>

to post a comment
JavaScript

5 Comments(s)

Copy linkTweet thisAlerts:
@hoangkcSep 04.2007 — assume you have an url such as http://yoururl.com?searchTerm=something&color=red
<i>
</i>function URL2Query()
{
var query = window.location.search.replace("?","");
var Q = query.split("&amp;");
var hash = {};
for(var i=Q.length-1;i&gt;=0;--i)
{
var q = Q[i].split("=");
if(q[0]) hash[q[0]]=unescape(q[1]);
}
return hash;
}
window.onload = function()
{
var queryString = URL2Query();
// then, you can access searchTerm by [I][B]queryString.searchTerm[/B][/I] or [I][B]queryString["searchTerm"][/B][/I]
}
Copy linkTweet thisAlerts:
@Mr_MooSep 04.2007 — Sorry for the OT, but: Most awesome thread title ever!
Copy linkTweet thisAlerts:
@Celeste_authorSep 04.2007 — Hi there!

i tried to insert some of the code you so kindly replied with. I'm such a ditz when it comes to syntax and code. The page still won't scroll to the search term from a requesting URL. Please take a look at my code and see what i'm doing wrong:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<head>

<title>highlight</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript">

function URL2Query()

{

var query = window.location.search.replace("?","");

var Q = query.split("&");

var hash = {};

for(var i=Q.length-1;i>=0;--i)

{

var q = Q[i].split("=");

if(q[0]) hash[q[0]]=unescape(q[1]);

}

return hash;

}



window.onload=function(){

var queryString = URL2Query();

var contents=document.body.innerHTML;

var idx=contents.search(queryString.searchTerm);

if(idx) {

contents=contents.replace(queryString.searchTerm,'<span id="highlight">'+queryString.searchTerm+'</span>');

document.body.innerHTML=contents;

document.getElementById('highlight').scrollIntoView();

}

};

</script>



<style type="text/css">

#highlight {background:yellow;}

</style>



</head>

<body>

<h1>Nirafo</h1>

<p>Aphasm escit ra apovum ecripsat. Quorepl alist osmephum ime itasmotis to eleh.

Quadeth est. Coticreus oce ro omuf ari trolodeus est. Nosm est. Thihopsiem,

minus beh brofiprue teranis. </p>

<h2>Smopada</h2>

<h2>Edrecram Ol Quorobucranis</h2>

<h3>Funap</h3>

<p>Ohusch ifemes, presn mapliant ple pupriem nalaho. Acrutra son cro teton hi

prenaquid est. Ocophiant asi pso bratetriem eta cragasch est. Volespes in

aplasnem usnerhant. Gerociant ina quidu tefum ag hiphue est. </p>

<p>Trog crin maquor on crebatuer tes efascranis. Ehisc pibisnam snatofas, ic

smot pel vavetont. Drup nicrus quido edesmiem plarodonis. Ugepsiant sosch log

fathon atahotis. Stim dabr quorimapseus vi dathat ufo lequadat. Quoreh muspeus

quidicusp, bro psopl tutist ropinuer. Schops tremorh, otusm lusagore dro

aquorospore pluvusmont. Socelum in rhetapa tumotis. Tof, vufucrue ul uquadicrum

ulovant. Smotr ruquidi ipreprant, an ugist popupr mucanis. Acron osmac ipeh vav

iloquader quadi govedas. Das mipacras, scet roteprore tin tabesch opod. Escreh

quadot dipapam nan hubo bre etomas. Sorhiant, vasta quoro opraquoriant

meriplotis. </p>

<p>Apoquid equoraphes mo buthi apretrotis. Fasm ohesmus, phud planerhes pe

mafothius itohonis. Brigiquorum in imischius vicrat. Smubr est. Orhan ipsev

tigigue ana omosmer ide tacront. </p>

<h3>Omorue</h3>

<p>Escol tosn umequidem vef asmibrer vi poricatis. Rothiem ef ano olotreus ah

stepephum est. Elicr osnepla baquadont, hes thisp osmicriant quidoteplant.

Ipricreus in falusmam esmobrat. Losch brebuquadum vi scasuquidam psenerer. Nasm

trunopsit ac regabue tobiscro. Scropl thabipiant at tequadore raciquidat.

Thatoscrus psinorat, staquad letore rhu dam moscuer. Gunit spisp to tahius

abribruer. Rhol brim asarus ahe epifer ega lononont. Stuph laspa ubi spimason

palanis. Rilebrue in alabon anabruer. Losm eda toh itrismeus schi rismus est.

Brov trotiphue eni ditob abrecras. </p>

<p>Scrapabrue in ololum ihaschotis. Uphar est. Soquid oquorephem hec stoniquadus

catasp. Anosc escruquad ip ihetha listonis. Mes in mirus uhiscanis. </p>

<h3>Pre Obaquad Nohequorant</h3>

<p>Thoph rutuphem, schin nobram ah ivascon psahitotis. Esmal quorabiteus ehi

dimequor cunavanis. Arhel odagus pse ospaquideus psotamont. Metoquidi pre ohe

vaquidam sce icimius est. Spast thesepus ime gafore apriquadatis. </p>

<h2>Rhenosmanis</h2>

<h3>Tah Conedit Drageschat</h3>

<p>Cril mepam spihecront, im psen scrumirham devath. Ciquid scar ladam thu

comanatis oro etrusmas. Thol diprem, uthuf piva ob phetepses craramatis. Epirh

est. Ohasc pufim im otagit matiphas. Osmod locuscam, ulerh givescam alo

ferespius familonis. Idabreus quorid ha phogemiem imeplont. Osith busnem

scrapinant, ta craf ethosn losmonis. Pofiem gi ilu lapemem eg opadrius est.

Breps snesascram, asath abuquadeus ho nophes vupodont. Quorideham, corap et

scriperem schohuto. Path tesothius noper, dru quadicr atradr ehapsant. Smes

uton, quidap scerosch tre pibiniant poher. </p>



</body>

</html>
Copy linkTweet thisAlerts:
@hoangkcSep 04.2007 — replaces [B][I]if(idx)[/I][/B] by [B][I]if(idx!=-1)[/I][/B] in which case requested url has no searchTerm or cannot find it in body-document

It works properly, try this
Copy linkTweet thisAlerts:
@Celeste_authorSep 04.2007 — i added on the extenion 'highlight.htm?query=phud' and ta da!

it worked liked a charm. i have to remember to add you on myspace.

Hoang, do you know how to now make this so when the search results page that links to highlight.htm (looks like 'searchresutls.asp?query=phud') has the highlight.htm linked clicked, the highlight page is able perform the parse you showed on the previous page's (searchresults.asp) and scroll to the query from the URL on the searchresults.asp page?

Thank you again,

Celeste
×

Success!

Help @Celeste_ spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...