deluxeondecks
Mitglied
Hallo Leute,
zunächst wünsch ich euch erstmal ein gesundes Jahr 2011!
Ich arbeite mich gerade in jQurey ein - nun zu meinem Problem.
Ich habe 2 Frames. In dem einen Frame (tree.php) ist eine Baumnavigation mit jQuery. Wenn einer dieser Knoten angeklickt wird, soll der Name des Knotenpunktes in den zweiten Frame (treeContent.php) geschrieben werden. Hab schon einiges ausprobiert, aber es erkennt nie den zweiten Frame.
Habt ihr eine Lösung?
Bitte keine Kommentare, dass Frames alt sind. Das weiß ich. Hat aber seinen Grund warum ich diese verwende.
index.php
tree.php
treeContent.php
jquery.treeview.js (ausführlicher Code in angehängter txt-Datei)
edit: hatte vergessen den Java-Script-Code in der index-Datei zu posten. Kann denn keiner helfen? Ist echt dringend...
zunächst wünsch ich euch erstmal ein gesundes Jahr 2011!
Ich arbeite mich gerade in jQurey ein - nun zu meinem Problem.
Ich habe 2 Frames. In dem einen Frame (tree.php) ist eine Baumnavigation mit jQuery. Wenn einer dieser Knoten angeklickt wird, soll der Name des Knotenpunktes in den zweiten Frame (treeContent.php) geschrieben werden. Hab schon einiges ausprobiert, aber es erkennt nie den zweiten Frame.
Habt ihr eine Lösung?
Bitte keine Kommentare, dass Frames alt sind. Das weiß ich. Hat aber seinen Grund warum ich diese verwende.
index.php
Code:
<script type="text/javascript">
$(document).ready(function(){
$("#browser").treeview({
toggle: function() {
console.log("%s was toggled.", $(this).find(">span").text());
}
});
});
</script>
<FRAMESET cols="20%, 80%">
<FRAMESET rows="100, 200">
<FRAME src="tree.php">
<FRAME src="treeContent.php" id="treeContent" name="treeContent">
</FRAMESET>
</FRAMESET>
tree.php
Code:
<ul id="browser" class="filetree treeview-famfamfam">
<li><span class="folder" id="span" >Folder 1</span>
<ul>
<li><span class="folder" id="span" >Item 1.1</span>
<ul>
<li><span class="file">Item 1.1.1</span></li>
</ul>
</li>
<li><span class="folder">Folder 2</span>
</li>
<li><span class="file">File 4</span></li>
</ul>
</li>
</ul>
treeContent.php
Code:
<span id="treeContent" ></span>
jquery.treeview.js (ausführlicher Code in angehängter txt-Datei)
Code:
;(function($) {
$.extend($.fn, {
...
applyClasses: function(settings, toggler) {
this.filter(":has(>ul):not(:has(>a))").find(">span").click(function(event) {
var spanValue = $(this).parent("li").children("span").html();
alert(spanValue);
parent.treeContent.document.getElementById("treeContent").html(spanValue); // hier ist das Problem
toggler.apply($(this).next());
}).add( $("a", this) ).hoverClass();
...
edit: hatte vergessen den Java-Script-Code in der index-Datei zu posten. Kann denn keiner helfen? Ist echt dringend...
Anhänge
Zuletzt bearbeitet: