By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
449,247 Members | 1,223 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 449,247 IT Pros & Developers. It's quick & easy.

Highlight and scroll to search terms when referring URL is a search results page.

P: 1
Hello,

I'm trying to parse the referring url for google search terms so that when this page loads it will scroll to and highlight the search term(s). Should i be using document.referrer?

Please take a look at my code and tell me what i'm doing wrong:
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2. <html lang="en"> 
  3. <head> 
  4. <title>highlight</title> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  6.  
Expand|Select|Wrap|Line Numbers
  1. <script type="text/javascript"> 
  2. function URL2Query() 
  3. var query = document.referrer("?",""); 
  4. var Q = query.split("&"); 
  5. var hash = {}; 
  6. for(var i=Q.length-1;i>=0;--i) 
  7. var q = Q[i].split("="); 
  8. if(q[0]) hash[q[0]]=unescape(q[1]); 
  9. return hash; 
  10.  
  11. window.onload=function(){ 
  12. var queryString = URL2Query(); 
  13. var contents=document.body.innerHTML; 
  14. var idx=contents.search(queryString.query); 
  15. if(idx!=-1) { 
  16. contents=contents.replace(queryString.query,'<span id="highlight">'+queryString.query+'</span>'); 
  17. document.body.innerHTML=contents; 
  18. document.getElementById('highlight').scrollIntoView(); 
  19. }; 
  20. </script> 
Expand|Select|Wrap|Line Numbers
  1.  
  2. <style type="text/css"> 
  3. #highlight {background:yellow;} 
  4. </style> 
  5.  
  6. </head> 
  7. <body> 
  8. <script> 
  9. document.write(document.referrer); 
  10. </script> 
  11.  
  12. <h1>Nirafo</h1> 
  13. <p>Aphasm escit ra apovum ecripsat. Quorepl alist osmephum ime itasmotis to eleh. 
  14. Quadeth est. Coticreus oce ro omuf ari trolodeus est. Nosm est. Thihopsiem, 
  15. minus beh brofiprue teranis. </p> 
  16. <h2>Smopada</h2> 
  17. <h2>Edrecram Ol <a href="highlight2.htm">Quorobucranis</a></h2> 
  18. <h3>Funap</h3> 
  19. <p>Ohusch ifemes, presn mapliant ple pupriem nalaho. Acrutra son cro teton hi 
  20. prenaquid est. Ocophiant asi pso bratetriem eta cragasch est. Volespes in 
  21. aplasnem usnerhant. Gerociant ina quidu tefum ag hiphue est. </p> 
  22. <p>Trog crin maquor on crebatuer tes efascranis. Ehisc pibisnam snatofas, ic 
  23. smot pel vavetont. Drup nicrus quido edesmiem plarodonis. Ugepsiant sosch log 
  24. fathon atahotis. Stim dabr quorimapseus vi dathat ufo lequadat. Quoreh muspeus 
  25. quidicusp, bro psopl tutist ropinuer. Schops tremorh, otusm lusagore dro 
  26. aquorospore pluvusmont. Socelum in rhetapa tumotis. Tof, vufucrue ul uquadicrum 
  27. ulovant. Smotr ruquidi ipreprant, an ugist popupr mucanis. Acron osmac ipeh vav 
  28. iloquader quadi govedas. Das mipacras, scet roteprore tin tabesch opod. Escreh 
  29. quadot dipapam nan hubo bre etomas. Sorhiant, vasta quoro opraquoriant 
  30. meriplotis. </p> 
  31. <p>Apoquid equoraphes mo buthi apretrotis. Fasm ohesmus, phud planerhes pe 
  32. mafothius itohonis. Brigiquorum in imischius vicrat. Smubr est. Orhan ipsev 
  33. tigigue ana omosmer ide tacront. </p> 
  34. <h3>Omorue</h3> 
  35. <p>Escol tosn umequidem vef asmibrer vi poricatis. Rothiem ef ano olotreus ah 
  36. stepephum est. Elicr osnepla baquadont, hes thisp osmicriant quidoteplant. 
  37. Ipricreus in falusmam esmobrat. Losch brebuquadum vi scasuquidam psenerer. Nasm 
  38. trunopsit ac regabue tobiscro. Scropl thabipiant at tequadore raciquidat. 
  39. Thatoscrus psinorat, staquad letore rhu dam moscuer. Gunit spisp to tahius 
  40. abribruer. Rhol brim asarus ahe epifer ega lononont. Stuph laspa ubi spimason 
  41. palanis. Rilebrue in alabon anabruer. Losm eda toh itrismeus schi rismus est. 
  42. Brov trotiphue eni ditob abrecras. </p> 
  43. <p>Scrapabrue in ololum ihaschotis. Uphar est. Soquid oquorephem hec stoniquadus 
  44. catasp. Anosc escruquad ip ihetha listonis. Mes in mirus uhiscanis. </p> 
  45. <h3>Pre Obaquad Nohequorant</h3> 
  46. <p>Thoph rutuphem, schin nobram ah ivascon psahitotis. Esmal quorabiteus ehi 
  47. dimequor cunavanis. Arhel odagus pse ospaquideus psotamont. Metoquidi pre ohe 
  48. vaquidam sce icimius est. Spast thesepus ime gafore apriquadatis. </p> 
  49. <h2>Rhenosmanis</h2> 
  50. <h3>Tah Conedit Drageschat</h3> 
  51. <p>Cril mepam spihecront, im psen scrumirham devath. Ciquid scar ladam thu 
  52. comanatis oro etrusmas. Thol diprem, uthuf piva ob phetepses craramatis. Epirh 
  53. est. Ohasc pufim im otagit matiphas. Osmod locuscam, ulerh givescam alo 
  54. ferespius familonis. Idabreus quorid ha phogemiem imeplont. Osith busnem 
  55. scrapinant, ta craf ethosn losmonis. Pofiem gi ilu lapemem eg opadrius est. 
  56. Breps snesascram, asath abuquadeus ho nophes vupodont. Quorideham, corap et 
  57. scriperem schohuto. Path tesothius noper, dru quadicr atradr ehapsant. Smes 
  58. uton, quidap scerosch tre pibiniant poher. </p> 
  59.  
  60. </body> 
  61. </html>
Sep 4 '07 #1
Share this Question
Share on Google+
2 Replies


pbmods
Expert 5K+
P: 5,821
Heya, Celeste. Welcome to TSDN!

Changed thread title to better describe the problem (did you know that threads whose titles do not follow the Posting Guidelines actually get FEWER responses?).

Please use CODE tags when posting source code. See the REPLY GUIDELINES on the right side of the page next time you post.
Sep 4 '07 #2

acoder
Expert Mod 15k+
P: 16,027
Expand|Select|Wrap|Line Numbers
  1. document.referrer("?","");
should use replace:
Expand|Select|Wrap|Line Numbers
  1. document.referrer.replace("?","");
What happens with your code? Do you get any errors?
Sep 5 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.