You are not logged in.

wcf.regNote.message

DJ-Jetlover

Beginner

  • "DJ-Jetlover" started this thread

Posts: 3

  • Send private message

1

Friday, March 24th 2006, 12:31pm

Suchscript das innerhalb einer html seite sucht und markiert

Einen schönen guten Tag an euch...

Hoffe Ihr könnt mir weiterhelfen.

ich suche verzweifelt ein Script, das innerhalb einer Seite (Strassenliste) einen eingegebenen Begriff sucht und rot markiert....

Hintergrund ist der, das die Gemeinde in 3 Bezirke eingeteilt ist, und man jetzt suchen können sollte, zu welchem Bezirk man gehört. d.h. man gibt seine Straße ein, die wird dann markiert (Tabelle mit 3 Spalten, Bezirk 1, Bezirk 2, Bezirk 3). Wenn die Straße dann markiert ist kann man direkt sehen zu welchem Bezirk man gehört. Ich suche schon seit Tagen.... Bitte helft mir!!!!

MfG DJ-Jetlover

Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

2

Friday, March 24th 2006, 6:06pm

Ein Beispiel:

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
	<head>
		<title>bla foo bar</title>
	</head>
	<script type="text/javascript"><!--
		function MarkRed(word) {
			var text = document.getElementById("text");
			eval("var regex = /" + word + "/g;");
			text.innerHTML = text.innerHTML.replace(regex, "<span style=\"color: #FF0000\">" + word + "</span>");
		}
--></script>
	<body>
		<div id="text">Einen schönen guten Tag an euch...<br />
<br />
Hoffe Ihr könnt mir weiterhelfen.<br />
<br />
ich suche verzweifelt ein Script, das innerhalb einer Seite (Strassenliste) einen eingegebenen Begriff sucht und rot markiert.... <br />
<br />
Hintergrund ist der, das die Gemeinde in 3 Bezirke eingeteilt ist, und man jetzt suchen können sollte, zu welchem Bezirk man gehört. d.h. man gibt seine Straße ein, die wird dann markiert (Tabelle mit 3 Spalten, Bezirk 1, Bezirk 2, Bezirk 3). Wenn die Straße dann markiert ist kann man direkt sehen zu welchem Bezirk man gehört. Ich suche schon seit Tagen.... Bitte helft mir!!!!<br />
<br />
MfG DJ-Jetlover</div><br />
	<form action="javascript:MarkRed(document.getElementById('word').value)"><input id="word" name="word" value="" /><input type="submit" value="rot markieren" /></form>
</body>
</html>



Angehängte Datei enthält genau diesen Code, einfach umbennen nach html und testen.

Ciao Ephraim
Ephraim has attached the following file:

DJ-Jetlover

Beginner

  • "DJ-Jetlover" started this thread

Posts: 3

  • Send private message

3

Wednesday, April 5th 2006, 1:54pm

Hi. Sorry erstmal das ich mich jetzt erst melde, aber hatte kein Internet... Das Script hat wunderbar funktioniert!!! Tausend dank!!! Hast mir sehr geholfen!!!

MfG DJ-Jetlover

edit: Hätte noch ne kleine Frage. Der Text wird ja rot markiert. Aber in der langen Liste sieht man das nicht direkt. Was müsste ich ändern damit der text zusätzlich fett und unterstrichen dargestellt wird? Wäre äußerst nett wenn Du mir da auch weiterhelfen könntest...

Danke schonmal im vorraus...

MfG DJ-Jetlover

This post has been edited 1 times, last edit by "DJ-Jetlover" (Apr 6th 2006, 1:06pm)


Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

4

Thursday, April 6th 2006, 1:12pm

Guck dir mal diese Zeile hier an:

Source code

1
text.innerHTML = text.innerHTML.replace(regex, "<span style=\"color: #FF0000\">" + word + "</span>");


Da kannst du bei dem style jedes X-beliebige CSS mitreinhängen um deinen Text hervorzuheben.
Also z.B. um den Text Fett darzustellen einfach folgendes ändern:

Source code

1
text.innerHTML = text.innerHTML.replace(regex, "<span style=\"color: #FF0000; font-weight: bold;\">" + word + "</span>");


und dann noch unterstreichen:

Source code

1
text.innerHTML = text.innerHTML.replace(regex, "<span style=\"color: #FF0000; font-weight: bold; text-decoration: underline;\">" + word + "</span>");


Näheres zu den beiden CSS Sachen findest du hier:
http://de.selfhtml.org/css/eigenschaften…htm#font_weight
http://de.selfhtml.org/css/eigenschaften…text_decoration

Ciao Ephraim

DJ-Jetlover

Beginner

  • "DJ-Jetlover" started this thread

Posts: 3

  • Send private message

5

Thursday, April 6th 2006, 1:18pm

Juhuuu!!! Alles perfekt!!! tausend dank nochmals an Dich... Hast was gut...

wcf.user.socialbookmarks.titel