Forum PHP.pl > [JS]Dodawanie linkow

Pomoc - Szukaj - Użytkownicy - Kalendarz

szaryBURY

11.07.2012, 22:38:13

Witam chcialbym dodac normalny htmlowski link poprze js. Chcialby to zrobic tworzac nowy element i przyporzadkowujac go jako dziecko innego elementu. Probuje cos takiego

[HTML] pobierz, plaintext 
<script type="text/javascript">
	window.onload = Laduj;
 
	function Laduj()
	{
 
 
 
		var newlink = document.createElement('a');		
		newlink.setAttribute('href', 'index.php');
		di = document.getElementById('mis');
		di.appendChild(newlink);
 
 
	}
</script>
</head>
<body>
 
	<div id="mis">kupa</div>
</body>
</html>
[HTML] pobierz, plaintext

Lecz nic sie nie dzieje. Co powinienem dodac/zmodyfikowac?

kamil4u

11.07.2012, 23:03:58

Wszystko robisz dobrze. Link się dodaje. Tyle, że tworzysz link: <a href="index.php"></a>, więc nie widzisz efektu( nie ma nic pomiędzy <a> ). Podpowiedź: innerHTML

szaryBURY

11.07.2012, 23:27:19

Te cfaniak inner html nie jest zgodny z DOMem, wolalbym go uniknac. Nie ma innej opcji?

kamil4u

11.07.2012, 23:31:31

Cytat

Te cfaniak

Cytat

inner html nie jest zgodny z DOMem

Skąd te nieprawdziwe informacje?

Użyj: innerText, textContent lub innerText . Każda przeglądarka ma trochę inaczej. Poczytaj!

AdIoS_Neo

11.07.2012, 23:37:35

Cytat(szaryBURY @ 12.07.2012, 00:27:19 )

Te cfaniak inner html nie jest zgodny z DOMem, wolalbym go uniknac. Nie ma innej opcji?

Ale brzydko ...
innerHTML w HTMLu
innerHTML w XHTMLu
poczytaj sobie ...
Odpowiadając - tak wiem, że to HTML5 ale nie napisałeś z jaką składnią nie jest zgodny

szaryBURY

12.07.2012, 11:09:07

Cytat(kamil4u @ 11.07.2012, 23:31:31 )

?

Skąd te nieprawdziwe informacje?

Użyj: innerText, textContent lub innerText . Każda przeglądarka ma trochę inaczej. Poczytaj!

Przepraszam, takl chcialem ubarwic troche dyskusje. A informacje przeczytalem w paru tutorialach.

Tak naprawde moj kod zwiazany jest z tworzeniem SVG

[XML] pobierz, plaintext 
var svgns = "http://www.w3.org/2000/svg";
var xlinkns = "http://www.w3.org/1999/xlink";
 
var ATTR_MAP = {
  "className": "class",
  "svgHref": "href"
}
 
var NS_MAP = {
    "svgHref": xlinkns
};
 
function makeSVG(tag, attributes) {
    var elem = document.createElementNS(svgns, tag);
    for (var attribute in attributes) {
        var name = (attribute in ATTR_MAP ? ATTR_MAP[attribute] : attribute);
        var value = attributes[attribute];
        if (attribute in NS_MAP)
            elem.setAttributeNS(NS_MAP[attribute], name, value);
        else
            elem.setAttribute(name, value);
    }
    return elem;
}
[XML] pobierz, plaintext

kiedy zrobie sobie

[XML] pobierz, plaintext 
var text = makeSVG("text", {id: "text1", x: "60", y: "60"});
[XML] pobierz, plaintext

i dodam text node jest ok.
Niestety przy dodaniu elementu "a" nic sie nie wyswietla.

Wiem ze pewnie powinienem uzyc innych tagow typu a, niestety nic nie daje rezultatu. Jakies podpowiedzi?

AdIoS_Neo

12.07.2012, 16:07:33

[JAVASCRIPT] pobierz, plaintext 
		var a = makeSVG("a", {id: "link", x: "70", y: "60", "xlink:href":"http://google.pl", target: "_blank"});
		var text = makeSVG("text", {id: "text", fill:"yellow", x: "70", y: "60"});
		text.appendChild(document.createTextNode("link"));
		a.appendChild(text);
		document.getElementsByTagName("svg")[0].appendChild(a);
[JAVASCRIPT] pobierz, plaintext

jak zrobiłem tak to się napis pokazał ale ... nie da się go kliknąć, co dziwne gdy wejdziesz w źródło strony, skopiujesz kod linku z napisem (który został wygenerowany przez javascript) czyli to:

[HTML] pobierz, plaintext 
<a id="link" x="70" y="60" xlink:href="http://google.pl" target="_blank"><text id="text" fill="yellow" x="70" y="60">link</text></a>
[HTML] pobierz, plaintext

i wkleisz do dokumentu to link działa ... Oo

szaryBURY

12.07.2012, 21:47:57

Hmm dzieki, zawsze to jakas wskazowka. Poprobuje cos dam znac jak poszlo.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.