Tweet
wird die Seite neu geladen wenn du auf den Link klickst oder wird das jeweilige div clientseitig verändert (ohne reload)?
-
-
wenn du den js code durchgelesen hättest wüsstest du das die divs unsichtbar und sichtbar gemacht werden und das natürlich ohne reload...
wenns mit wär bräucht ich kein js um den linknamen einzufärben...
Die Milch bleibt ranzig!Kommentar
-
... also hat deine Funktion jetzt den Namen / die ID deines Links - dann verpasst dem Element doch einfach eine Klasse per JavaScript (dafür gibts Beispiele bei Selfhtml). In der Klasse definiert du dann deine Eigenschaften ...Kommentar
-
Ich hab da mal ein kurzes Beispiel zusammen kopiert aus meiner Sammlung nützlicher Funktionen - vielleicht hilfts:
PHP-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Abwesenheiten und Anträge</title>
<meta name="author" content="Patrick" />
<meta name="generator" content="Ulli Meybohms HTML EDITOR" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" language="JavaScript1.2">
<!--
function change(id){
var links = document.getElementsByTagName("a");
for(var i=0;i<links.length;i++){
links[i].className=links[i].className.replace(new RegExp("current\\b"),"");
}
document.getElementById(id).className='current';
}
-->
</script>
<style type="text/css">
<!--
.current{
color:red;
background-color:yellow;
}
-->
</style>
</head>
<body>
<a id="1" href="#" onclick="change(this.id)">1</a> |
<a id="2" href="#" onclick="change(this.id)">2</a> |
<a id="3" href="#" onclick="change(this.id)">3</a> |
<a id="4" href="#" onclick="change(this.id)">4</a> |
<a id="5" href="#" onclick="change(this.id)">5</a> |
<a id="6" href="#" onclick="change(this.id)">6</a> |
<a id="7" href="#" onclick="change(this.id)">8</a> |
<a id="8" href="#" onclick="change(this.id)">9</a>
</body>
</html>
Kommentar
-
du hast mein problem nicht verstanden
ich kann inhalt des linktextes ändern nur nicht in allen divs...
weil es 12 mal einen link mit der id link01 gibt uswDie Milch bleibt ranzig!Kommentar
-
... bei den vielen Änderungen von id / name soll auch noch einer mitkommen
BTW: in einem Dokument kommt eine ID nur einmal vor - daher auch der Name ID!
Kommentar
-
daher isses jetzt auch name...
ausserdem was heisst bei den vielen änderungen..
ich habs einmal von id auf name geändertDie Milch bleibt ranzig!Kommentar
-
also gutm dann bau mein Beispiel doch einfach so um das es nach Name und nicht nach ID sucht - und fertig. Oder habe ich schon wieder was nicht verstanden ?!Kommentar
-
ja ähnlich hab ichs ja schon versucht:
allerdings kommt dann die meldung undefined ist null oder kein objekt.PHP-Code:var getlink = document.getElementsByName("link"+newDiv+alink);
for(var i = 0; i<anzahl; i++) {
getlink[i].innerText = "(" + alink + ")";
}
allerdings frag ich mich warum des undefined ist weil der name stimmt (auf ne andere art und weise stimmt der name ja auch)Die Milch bleibt ranzig!Kommentar
-
dann mach an der Stelle mal ein paar Testausgaben
- den zusammengesetzten Namen,
- Anzahl von getlink
und der Firefox hat eine tolle JS-Konsole für solche Dinge ...Kommentar
-
ja wie ichs mir gedacht hab
der zusammengesetzte namen passt
die anzahl von getlink beträgt wie erwartet 12
und ff gibt keine js fehler aus....Die Milch bleibt ranzig!Kommentar
-
was kommt wenn du innerText ausgeben lässt ?Kommentar
-
das geht net (is ja n array) und wenn ich nu getlink[10] zb benutz kommt weiterhin undefined......Die Milch bleibt ranzig!Kommentar
-
kannst du gerade noch einmal den aktuellen Teil aus dem Quelltext posten der von deinem Kontrukt gefunden wirdKommentar
-
so das is einer der 12 divs aus dem quelltextPHP-Code:<div id="image_0" align="right" style="position:absolute;
width:230px; height:330px; z-index:1; top: 118px; left: 0px; visibility: hidden;">
<font face="Arial, Helvetica, sans-serif" size="-1" color="#FFFFFF"><b>
<a href="javascript:newWindow('image_display.php?imageId=20',760,570,false)">
<img src="upload/20/internet_05_oncology.jpg" width="230" height="173" border="0" align=""></a><br /><br />
<a href="javascript:newWindow('image_display.php?imageId=20',40,40,false)" class="imgText">
<img src="images/magnify.gif" width="25" height="25" align="right" border="0" alt="">Baxter Oncology
<br /><br /><br />
</a><a href="javascript:switchDiv('0','1','12')" class="imgA">
<span name="link01">1</span></a> |
<a href="javascript:switchDiv('1','2','12')" class="imgA"><span name="link12">2</span></a> |
<a href="javascript:switchDiv('2','3','12')" class="imgA">
<span name="link23">3</span></a> | <a href="javascript:switchDiv('3','4','12')" class="imgA">
<span name="link34">4</span></a> | <a href="javascript:switchDiv('4','5','12')" class="imgA">
<span name="link45">5</span></a> | <a href="javascript:switchDiv('5','6','12')" class="imgA">
<span name="link56">6</span></a> | <a href="javascript:switchDiv('6','7','12')" class="imgA">
<span name="link67">7</span></a> | <a href="javascript:switchDiv('7','8','12')" class="imgA">
<span name="link78">8</span></a> | <a href="javascript:switchDiv('8','9','12')" class="imgA">
<span name="link89">9</span></a> | <a href="javascript:switchDiv('9','10','12')" class="imgA">
<span name="link910">10</span></a> | <a href="javascript:switchDiv('10','11','12')" class="imgA">
<span name="link1011">11</span></a> | <a href="javascript:switchDiv('11','12','12')" class="imgA">
<span name="link1112">12</span></a> </b></font>
</div>
Zuletzt geändert von RanzigeMilch; 08.12.2005, 16:23.Die Milch bleibt ranzig!Kommentar
Kommentar