You are not logged in.

wcf.regNote.message

Snoopy

Trainee

  • "Snoopy" started this thread

Posts: 57

  • Send private message

1

Wednesday, August 4th 2004, 11:09pm

Welches Element...

... muss ich erstellen um mit
document.getElementsByTagName("div")[8].....
ein Hyperlink zu erzeugen ?
Dieses funktioniert nicht:
document.getElementsByTagName("div")[8].firstChild.data = "<a href='aaaaa.php'>qqqq</a>";

mfg.
Snoopy

This post has been edited 1 times, last edit by "Snoopy" (Aug 4th 2004, 11:10pm)


Prometheus

Administrator

Posts: 3,278

  • Send private message

2

Thursday, August 5th 2004, 12:11am

ich würde sagen das sollte so funktionieren. so wie du schreibst wird das 9te div genommen und da sollte der link rein gepackt werden.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Snoopy

Trainee

  • "Snoopy" started this thread

Posts: 57

  • Send private message

3

Thursday, August 5th 2004, 6:15am

Nein eben nicht. Es wir zwar mein 9tes DIV geändert aber ich habe da dann Text stehen "<a href='aaaaa.php'>qqqq</a>" - aber keinen Link.
Da muss vorher noch createElement und appendChild kommen.
Ich weiss aber nicht wie ich den StartTag <a> setze.

Snoopy

Trainee

  • "Snoopy" started this thread

Posts: 57

  • Send private message

4

Thursday, August 5th 2004, 8:14am

So, nachdem ich nun auch hier Kopfschmerzen hatte (eigentlich ja nur ein Denkfehler) funzt nun auch das:

Quoted


var linktxt = document.createTextNode("zurück zur Hauptseite");
var link = document.createElement("a");
link.appendChild(linktxt);
link.href = "backtoaction.php";
document.getElementsByTagName("div")[8].appendChild(link);


Snoopy

Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

5

Thursday, August 5th 2004, 9:15am

probiers mal anstatt firstchild mit innerHTML und ohne data (siehe OnClick) oder
du benutzt die sauberere Methode mit createElement usw. (siehe OnClick2)

Also praktisch so:

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<html>
<head><title>Change To Link</title></head>
<script language="Javascript">
<!--
function OnClick() {
	// unsauber aber geht auch :)
	document.getElementsByTagName("div")[0].innerHTML = "<a href='aaaaa.php'>qqqq</a>";
}

function OnClick2() {
	// Link Objekt erstellen
	var new_a = document.createElement("a");
	// Text Objekt erstellen
	var new_text = document.createTextNode("qqqq");
	// das Text Objekt an das Link Objekt anhängen
	new_a.appendChild(new_text);
	// den Link des Link Objektes setzten
	new_a.href = "aaaaaa.php";
	// das entsprechende Div Objekt holen
	var div2 = document.getElementsByTagName("div")[1];
	// alles im div wird gelöscht
	ClearRecursive(div2);
	// den neu erstellten Link anhängen
	div2.appendChild(new_a);
}

function ClearRecursive(Parent) {
	// das erste Child holen
	var Child = Parent.firstChild;
	while (Child!=null) {
		// nur zum debuggen 
		DebugOutput(Child.nodeName);
		// Child rekursive löschen
		ClearRecursive(Child);
		// löschen des Child's ansich
		Parent.removeChild(Child);	
		// und das nächste
		Child = Parent.firstChild;
	}
}

function DebugOutput(text) {
	document.getElementById("Debug").appendChild(document.createTextNode(text));
	document.getElementById("Debug").appendChild(document.createElement("br"));
}
-->
</script>
<body>
<div>Bla Bla</div>
<div>Bla 2 Bla <b>Bla</b><i>bla </i></div>
<button onClick="OnClick()">Change To Link</button>
<button onClick="OnClick2()">Change To Link 2</button>
<div id="Debug">Deleted stuff of div2:<br></div>
</body>
</html>


Ciao Ephraim

wcf.user.socialbookmarks.titel