Problem: JavaScript

Ciryx · 04.03.2008

Gut ok! Ich bin Neuling. Das weiss ich ja. Ich erlaube mir trotzdem diese Frage

in meiner test.html habe ich folgende zwei div's:

Code:

&lt;div onclick=bla() id=nav>About&lt;/div>
&lt;div onclick=bla() id=nav>Contact&lt;/div>

Mein Frage nun: Wie kann ich anschliessend in der JavaScript Funktion bla() jeweils auf About bzw Contact zugreifen?

Danke für Eure Hilfe.

connyas · 04.03.2008

Grundsätzlich: Die _id_ nav darf es nicht nur theoretisch, sondern sogar EXAKT nur 1 mal geben.

Ansonsten versteh ich die Frage nicht, auf was willst du wo zugreifen

more input please :coolsmiley:

Ciryx · 04.03.2008

Grundsätzlich: Die _id_ nav darf es nicht nur theoretisch, sondern sogar EXAKT nur 1 mal geben.

Ok! Alles klar.

Wie man sehen kann, rufe ich ja die Funktion bla() auf, wenn ich auf den Inhalt der divs klicke. Nun möchte in dieser JavaScript Funktion bla() beispielsweise mit...

Code:

document.getElementById('nav').innerHTML

...auf die Inhalte der divs zugreifen können. Wie mache ich das korrekt? Kanns Du mir da helfen?

chevy · 05.03.2008

Wenn ich dich richtig verstehe hast du ein Menübereich und einen Contentbereich.
Wenn du im Menü einen Link anclickst soll im Content die jeweilige Seite zum Link sich öffnen.
Wenn dem so ist, dann verwende lieber ein CMS z.B. http://www.phpwcms.de
Ist einfach zu verstehen und kann ziemlich viel. Ich bin immer wieder begeistert davon.

mfg
chevy

Ciryx · 05.03.2008

Wenn ich dich richtig verstehe hast du ein Menübereich und einen Contentbereich.
Wenn du im Menü einen Link anclickst soll im Content die jeweilige Seite zum Link sich öffnen.
Wenn dem so ist, dann verwende lieber ein CMS z.B. http://www.phpwcms.de (http://www.phpwcms.de)
Ist einfach zu verstehen und kann ziemlich viel. Ich bin immer wieder begeistert davon.

Ähm ich glaube Dir sehr gern, dass Du diese CMS genial findest. PHP ist nun wirklick selten ein Problem bei mir

. Grundsätzlich liegst Du mit deiner Annahme falsch. Zurzeit spiele ich ein wenig mit JavaScript und Ajax herum und da bin ich absoluter Newbie.

Hier nun nochmals detailiert mein Problem:

Ich habe eine index Seite (Zur Zeit mit nur einem Navigationpunkt About :

index.php

Code:

&lt;html>
&lt;script language=JavaScript src=ajax.js>&lt;/script>
&lt;body >
&lt;h1>Ajax Webpage Test&lt;/h1>
&lt;table width=100% border=1>&lt;tr>&lt;td width=20%>
Navigation:&lt;br>&lt;br>
&lt;div onclick=sndReq() id=nav name=about>About&lt;/div>
&lt;/td>
&lt;td>
&lt;img src=leer.gif />
&lt;div id=hs>&lt;/div>
&lt;/td>&lt;/tr>&lt;/table>
&lt;/body>
&lt;/html>

Dann habe ich die JavaScript Datei ajax.js:

Code:

function erzXMLHttpRequestObject(){
 var resOb = null;
 try {
  resOb = new ActiveXObject(Microsoft.XMLHTTP);
 }
 catch(Error){
  try {
   resOb = new ActiveXObject(MSXML2.XMLHTTP);
  }
  catch(Error){
   try {
   resOb = new XMLHttpRequest();
   }
   catch(Error){
    alert(Erzeugung des XMLHttpRequest-Objekts nicht möglich);
   }
  }
 }
 return resOb;
}
function sndReq() {
  resOb.open('get',->test.php?s=' + document.getElementById('nav').innerHTML,true);  
 
 resOb.onreadystatechange = handleResponse;
 resOb.send(null);
}
function handleResponse() {
 if(resOb.readyState == 4){
  document.images[0].src=leer.gif;
  document.getElementById(hs).innerHTML = resOb.responseText;
 }
 else {
   document.images[0].src=loader.gif;
 }
}
resOb = erzXMLHttpRequestObject();

Und dann eine Seite, welche entscheidet was angezeigt werde muss:

Code:

&lt;?
 sleep(4);
 echo Navigationspunkt:;
 echo $_GET['s'];
 echo &lt;br>&lt;br>;
 echo Inhalt! asdhfahsdfjhasdf &lt;br>asdf asdlf asldf&lt;br> asldkfjalsdjf afölasjdf aslökfj &lt;br>lkjasf lasjldfök; 
 
?>

Nun möchte ich also einen weiteren Navigationspunkt hinzufügen und irgendwie muss ich ja die id oder den namen des divs der Funktion sndReq() übergeben. Denn zur Zeit liest diese Funktion mittels

Code:

document.getElementById('nav').innerHTML

jeweils nur den Inhalt eines divs heraus. Meine Frage ist nun, wie muss ich diese Funktion oder/und die divs abändern, dass ich in dieser Funktion sndReq() den namen, oder von mir aus den gesamten Inhalt des betreffenden divs herauslesen kann.

Ach ja... Das Ganze ist zu sehen hier (klick auf about):

Link

Dings · 05.03.2008

Nun möchte ich also einen weiteren Navigationspunkt hinzufügen und irgendwie muss ich ja die id oder den namen des divs der Funktion sndReq() übergeben.

Vielleicht in der Art:

Code:

&lt;div onclick=sndReq(this.id) id=nav>About&lt;/div>

Code:

function sndReq(id) {
 resOb.open('get',->test.php?s=' + document.getElementById(id).innerHTML, true); 
 resOb.onreadystatechange = handleResponse;
 resOb.send(null);
}

Ciryx · 09.03.2008

Nun! Genau das war es! Danke Dir!

Problem: JavaScript

Ciryx

connyas

Ciryx

chevy

Ciryx

Dings

Ciryx

Problem: JavaScript

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums