Avatar billede Elvenstone Nybegynder
09. maj 2010 - 03:29 Der er 5 kommentarer og
1 løsning

Search box som markere text på siten

Har prøvet at lede over det hele men kan ikke finde ud af hvordan man laver en lille søgebox som når man skriver noget text i den og trykker submitter så markere den liggende text på siden uden page reload
Avatar billede claes57 Ekspert
09. maj 2010 - 12:39 #1
http://www.nsftools.com/misc/SearchAndHighlight.htm
brug 'vis kode' for at se, hvordan den laver det.
Avatar billede olebole Juniormester
09. maj 2010 - 13:10 #2
<ole>

Mon ikke det er Ctrl+F eller Ctrl+B, du søger? Når en feature allerede findes i browseren, er det nok ikke noget, dine brugere er desparate efter at få duplikeret  ;o)

/mvh
</bole>
Avatar billede Elvenstone Nybegynder
09. maj 2010 - 14:10 #3
Jo, korrekt ligesom Ctrl+F men bare en søgebox på siden, den skal gøre det samme. Har fået at vide det er muligt
Avatar billede Elvenstone Nybegynder
09. maj 2010 - 21:24 #4
Har fundet scripetet

<script language="JavaScript">
<!--
var TRange=null

function findString (str) {
if (parseInt(navigator.appVersion)<4) return;
var strFound;
if (window.find) {

  // CODE FOR BROWSERS THAT SUPPORT window.find

  strFound=self.find(str);
  if (strFound && self.getSelection && !self.getSelection().anchorNode) {
  strFound=self.find(str)
  }
  if (!strFound) {
  strFound=self.find(str,0,1)
  while (self.find(str,0,1)) continue
  }
}
else if (navigator.appName.indexOf("Microsoft")!=-1) {

  // EXPLORER-SPECIFIC CODE

  if (TRange!=null) {
  TRange.collapse(false)
  strFound=TRange.findText(str)
  if (strFound) TRange.select()
  }
  if (TRange==null || strFound==0) {
  TRange=self.document.body.createTextRange()
  strFound=TRange.findText(str)
  if (strFound) TRange.select()
  }
}
else if (navigator.appName=="Opera") {
  alert ("Opera browsers not supported, sorry...")
  return;
}
if (!strFound) alert ("String '"+str+"' not found!")
return;
}
//-->
</script>



Skal bare trykke enter, har prøvet med en Søg knap men den markere bare sig selv hah!
Avatar billede sth Novice
13. maj 2010 - 22:08 #5
Avoidlol:mangler selv denne kode, men hvordan kalder du koden? jeg er mest til asp så kender ikke så meget til java JavaScript
Avatar billede olebole Juniormester
17. maj 2010 - 12:21 #6
<ole>

Søg lidt videre på nettet. Koden, du har fundet er meget gammel, og f.eks. både Opera og Safari understøtter i dag textranges

/mvh
</bole>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester