Antworten auf deine Fragen:
Neues Thema erstellen

brauch dringend hilfe mit spry!

E

esperar

Guest

Erst einmal einen guten Morgen an Alle!

Ich probiere grad ein bisschen an Spry rum. Klappt auch ganz gut, das Prinzip hab ich soweit verstanden, glaube ich ... nur einen Bug bekomme ich nicht weg.

Ich habe auf der Seite links ein Akkordeon-Widget, 7 Menü-Punkte jeweils mit Unterpunkten
(z.B. Menü-Punkt "Über uns" Unterpunkte "Philosophie" etc)
rechts neben dem Akkordeon soll der Detailbreich stehen, d.h. wenn man auf den Unterpunkt (z.b. "Philosophie") klickt soll im Detailbereich der entsprechende Text stehen. Das klappt auch bei dem ersten Punkt ganz gut.

nun zum problem:
wenn ich den anderen Menü-Unterpunkten auch einen Master-Bereich & entsprechend den selben Detail-Bereich wie vorher zuweiße, wird im Detailbreich der Text aus dem ersten Unormal angezeigt & für jeden weiteren Detailbreich gibt es ein nettes "undefined" ...

HTML: 
<div class="submenutext" spry:detailregion="dsAkkordeon"> 
<div spry:if="{ds_RowID} == {ds_CurrentRowID}">{inhalt}</div> 
<div spry:if="{ds_RowID} == {ds_CurrentRowID}">{vorteiltext}</div> 
<div spry:if="{ds_RowID} == {ds_CurrentRowID}">{gebiettext}</div> 
</div>


Ich möchte aber das immer nur der Text des jeweils angeklickten Unterpunktes zu sehen ist, schätze mal das ich irgendwie den richtigen spry:if- oder spry:when-Befehl brauche oder sowas in der Art oder spry:choose? Denn ich will ihm ja sagen "wenn ich auf den Punkt klicke, erscheint nur dein Text, der Rest wir gelöscht oder ausgeblendet"? ich hab echt keine ahnung & auch keinen punkt wo ich ansetzten könnte ... ich weiß keinen rat mehr!suche schon seit 2 tagen nach der antwort, alle tuts die ich mir im internet angesehen habe zeigen nur wie man einen akkordeon-punkt füllt, aber nicht was man manchen muss wenn man alle definieren will ... :'(

wenn ihr noch mehr "anschauungsmaterial" braucht um besser zu verstehen was ich meine, sagt bescheid.
hier noch die seite um die es geht http://www.ortho-partner-owl.de/

dank euch schon mal!
 

T

Top_Gun

Aktives Mitglied

AW: brauch dringend hilfe mit spry!

Ich kenn mich mit Spry nicht aus, aber ich glaube wenn du den Rest des Codes nicht zeigst, kann dir eh keiner helfen...

Und innerhalb einer Stunde sowieso nicht... hab geduld...
 
E

esperar

Guest

AW: brauch dringend hilfe mit spry!

gut, ich stell mal alles an code rein, wollte nur nich zuviel ...:( sorry

hier die html datei

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OrthoPartner OWL</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var dsVersorgungsspektrum = new Spry.Data.XMLDataSet("data/akkordeonVersorgungsspektrum.xml", "navi/Versorgungsspektrum");
//-->
</script>
</head>
 
<body>
<center>
<div id="container">
 
 <div id="header">
  <img src="img/kopf.jpg" />
  <p><img src="img/iconEmpfehlen16.png" width="16" height="16" align="absmiddle" /> <img src="img/iconFavoriten16.png" width="16" height="16" align="absmiddle" /></p>
 </div>
 <div id="content">
 
<script type="text/javascript">
<!--
var dsAkkordeon = new Spry.Data.XMLDataSet("data/akkordeon.xml", "navi/thema");
var dsVorteile = new Spry.Data.XMLDataSet("data/akkordeonVorteile.xml", "navi/Vorteile");
var dsGebiete = new Spry.Data.XMLDataSet("data/akkordeonGebiete.xml", "navi/gebiete");
//-->
</script> 
  <div id="Accordion1" class="Accordion" tabindex="0">
 
       <div class="AccordionPanel">       
        <div class="AccordionPanelTab">Home</div>
       </div>
 
       <div class="AccordionPanel">       
        <div class="AccordionPanelTab">Über uns</div>
    <div spry:region="dsAkkordeon">
       <div class="AccordionPanelContent">
      <div spry:setrow="dsAkkordeon" spry:hover="submenulinkvisited">
       <div spry:when="'{unterpunkt}'==Philosophie'">{unterpunkt}</div>
       <div spry:when="'{unterpunkt}'==OrthoPartner Bertiebe'">{unterpunkt}</div>
      </div>
     </div>
    </div>
      </div>
 
   <div class="AccordionPanel">       
        <div class="AccordionPanelTab">Ihre Vorteile</div>
    <div spry:region="dsVorteile" spry:choose="spry:choose">
       <div class="AccordionPanelContent">
        <div spry:repeat="dsVorteile" spry:setrow="dsVorteile" spry:hover="submenulinkvisited">
       <div>{vorteil}</div>
      </div>
     </div>
    </div>
      </div>
 
   <div class="AccordionPanel">       
        <div class="AccordionPanelTab">Versorgungsgebiete und Standorte</div>
    <div spry:region="dsGebiete">
       <div class="AccordionPanelContent">
        <div spry:repeat="dsGebiete" spry:setrow="dsGebiete" spry:hover="submenulinkvisited" spry:choose="">
       <div>{gebiet}</div>
      </div>
     </div>
    </div>
      </div>
 
<!--   <div class="AccordionPanel">       
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
     <a href="#">Krankenh&auml;user</a><br />
     <a href="#">Partnerbetriebe</a>    </div>
      </div>-->
 
   <div class="AccordionPanel">       
    <div class="AccordionPanelTab">Versorgungsspektrum</div>
    <div class="AccordionPanelContent">
     <div spry:region="dsVersorgungsspektrum">
      <div spry:repeat="dsVersorgungsspektrum" spry:setrow="dsVersorgungsspektrum" spry:hover="submenulinkvisited">
        <div>{spektrum}</div>
      </div>
     </div>
    </div>
      </div>
 
   <div class="AccordionPanel">       
    <div class="AccordionPanelTab"><a href="#">Kontakt</a></div>
   </div>
 
   <div class="AccordionPanel">       
    <div class="AccordionPanelTab"><a href="#">Service</a></div>
      </div>
  </div>
 
 <div class="inhalttext">
  <div>
   <div class="submenutext" spry:if="{dsAkkordeon::unterpunkt}" spry:detailregion="dsAkkordeon">
    <div>{inhalt}</div>
 
   </div>
 
   <div class="submenutext" spry:if="{dsVorteile::vorteil}" spry:detailregion="dsVorteile">
    <div>{vorteiltext}</div>
 
   </div>
 
   <script type="text/javascript">
<!--
var ds_ueberuns = new Spry.Data.XMLDataSet("data/ueberuns.xml", "ueberuns/submenu");
//-->
</script>  
  <div>
   <div spry:region="ds_ueberuns">
    <div id="submenulink">
     <div spry:repeat="ds_ueberuns" spry:setrow="ds_ueberuns" spry:hover="submenulinkvisited">
      <div>{name}</div>
     </div>
    </div>
   </div>
  </div>
 
  <div class="submenutext" spry:detailregion="ds_ueberuns">
   <div>{text}</div>
  </div>
 </div>
 
 <img src="img/layoutbild.jpg" name="bild" width="306" height="458" id="bild" /></div>
 
</div>
<div id="footer">
 OrthoPartner OWL | Gewerbepark Mei&beta;en 13 | 32423 Minden
</div>
<script type="text/javascript">
 <!--
 var Accordion1 = new Spry.Widget.Accordion("Accordion1");
 //-->
</script>
</center>
</body>
</html>

& hier die xml datei, hier habe ich mehrere, für jeden unterpunkt eine ... wusste es nicht besser, geht sicher auch wenn man alles in eins schreibt ...

hier für den Punkt "Über uns"

Code: 
<navi><thema> 
  <unterpunkt>Philosophie</unterpunkt>
    <inhalt>
     <![CDATA[
      <div>An dieser Stelle steht unsere Philosophie</div>
     ]]>
    </inhalt>
 </thema>
 
 <thema>
  <unterpunkt>OrthoPartner Betriebe</unterpunkt>
    <inhalt>An dieser Stelle stehen unsere Zertifizierten OrthoPartner OWL Betriebe</inhalt>
 </thema>
</navi>

& hier für "Vorteile"

Code: 
<navi>
 <Vorteile> 
  <vorteil>Ärzte und Krankenhäuser</vorteil>
    <vorteiltext>
     <![CDATA[
      <div>Folgende Vorteile bieten wir &Auml;rzten und Krankenh&auml;usern</div>
     ]]>
    </vorteiltext>
 </Vorteile>
 
 <Vorteile>
  <vorteil>Patienten</vorteil>
    <vorteiltext>
     <![CDATA[
      <div>Folgende Vorteile bieten wir Patienten</div>
     ]]>
    </vorteiltext>
 </Vorteile>
 
 <Vorteile>
  <vorteil>Kostenträger</vorteil>
    <vorteiltext>
     <![CDATA[
      <div>Folgende Vorteile bieten wir Kostentr&auml;gern</div>
     ]]>
    </vorteiltext>
 </Vorteile>
 
 <Vorteile>
  <vorteil></vorteil>
    <vorteiltext></vorteiltext>
 </Vorteile>
</navi>
 
T

Top_Gun

Aktives Mitglied

AW: brauch dringend hilfe mit spry!

Wie gesagt ich kenn mich mit spry nicht aus, aber das kommt mir spanisch vor:
Code: 
[COLOR=#000080]<div spry:when="'{unterpunkt}'==Philosophie'">[/COLOR]{unterpunkt}[COLOR=#000080]</div>[/COLOR]
[COLOR=#000080]<div spry:when="'{unterpunkt}'==OrthoPartner Bertiebe'">[/COLOR]{unterpunkt}[COLOR=#000080]</div>[/COLOR]
Entweder ist dort pro Zeile ein ' zuviel oder zu wenig... ich könnte mir vorstellen, dass es so aussehen muss:
Code: 
[COLOR=#000080]<div spry:when="'{unterpunkt}'=='Philosophie'">[/COLOR]{unterpunkt}[COLOR=#000080]</div>[/COLOR]
[COLOR=#000080]<div spry:when="'{unterpunkt}'=='OrthoPartner Bertiebe'">[/COLOR]{unterpunkt}[COLOR=#000080]</div>[/COLOR]

Ach ja deine Seite funktioniert nicht richtig im Firefox...:uhm:
 
E

esperar

Guest

AW: brauch dringend hilfe mit spry!

danke, das versuche ich mal.

ja, hab ich gesehen, hab sie durch das viel planlose rumschieben eine bisschen zerschossen, ist aber wieder ok.
was mir allerdings grad aufgefallen ist, das sobald ich eine spry region auf ein akkordeon panel gelegt hab, verschiebt sich das akkordeon nicht mehr richtig ... boah, es ist echt zum verzweifeln :hmpf:

wenn noch jemand nen ansatz hat ... ich bin dankbar für jede hilfe!
 
L

lukas001

Noch nicht viel geschrieben

AW: brauch dringend hilfe mit spry!

mir sagt spry zwar auch ned viel, aber irgendwie fehlt mir ein befehl um die sichtbarkeit zu steuern...
so visibility=hidden
da du ja die nicht aktive ausblenden möchtest
 
T

Top_Gun

Aktives Mitglied

AW: brauch dringend hilfe mit spry!

ne du brauchst da nicht mit visibility zu arbeiten, da er den Text direkt aus der xml nimmt und immer einer zu sehen ist...
 
E

esperar

Guest

AW: brauch dringend hilfe mit spry!

ich muss jetzt erst mal nach hause, dann probiere ich da noch weiter.

danke euch erstmal & wenn euch noch was einfällt: postet!


:danke:
 
E

esperar

Guest

AW: brauch dringend hilfe mit spry!

guten morgen!

habe am we noch ein bisschen rum probiert, aber es geht immer noch nicht :(

einen text zeigt er an, aber 2 bekomme ich nicht hin, den definiert er gar nicht erst. weiß noch jemand rat?
 
T

Top_Gun

Aktives Mitglied

AW: brauch dringend hilfe mit spry!

Also bevor du die Seite umgebaut hast, standen dort ja zwei Texte. Mittlerweile nur noch einer...

Könntest du nochmal den aktuellen Quelltext posten, damit wir alle auf dem neuesten Stand sind?
 
E

esperar

Guest

AW: brauch dringend hilfe mit spry!

Klar! Musste die Indexseite neu abspeichern, da der Kunde die brauchte. habe jetzt eine index_test Seite erstellt.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OrthoPartner OWL</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var dsVersorgungsspektrum = new Spry.Data.XMLDataSet("data/akkordeonVersorgungsspektrum.xml", "navi/Versorgungsspektrum");
//-->
</script>
</head>
 
<body>
<center>
<div id="container">
 
 <div id="header">
  <img src="img/kopf.jpg" />
  <p><img src="img/iconEmpfehlen16.png" width="16" height="16" align="absmiddle" /> <img src="img/iconFavoriten16.png" width="16" height="16" align="absmiddle" /></p>
 </div>
 <div id="content">
 
<script type="text/javascript">
<!--
var dsAkkordeon = new Spry.Data.XMLDataSet("data/akkordeon.xml", "navi/thema");
var dsVorteile = new Spry.Data.XMLDataSet("data/akkordeonVorteile.xml", "navi/Vorteile");
var dsGebiete = new Spry.Data.XMLDataSet("data/akkordeonGebiete.xml", "navi/gebiete");
//-->
</script> 
  <div id="Accordion1" class="Accordion" tabindex="0">
 
       <div class="AccordionPanel">       
        <div class="AccordionPanelTab">Home</div>
       </div>
 
       <div class="AccordionPanel">       
        <div class="AccordionPanelTab">Über uns</div>
       <div spry:region="dsAkkordeon">
      <div class="AccordionPanelContent" spry:setrow="dsAkkordeon" spry:repeat="dsAkkordeon" spry:hover="submenulinkvisited">
       {unterpunkt}
      </div>
     </div>
       </div>
 
   <div class="AccordionPanel">       
        <div class="AccordionPanelTab">Ihre Vorteile</div>
    <div spry:region="dsVorteile">
       <div class="AccordionPanelContent">
        <div spry:setrow="dsVorteile" spry:hover="submenulinkvisited">
       <div>{vorteil}</div>
      </div>
     </div>
    </div>
      </div>
 
   <div class="AccordionPanel">       
        <div class="AccordionPanelTab">Versorgungsgebiete und Standorte</div>
    <div spry:region="dsGebiete">
       <div class="AccordionPanelContent">
        <div spry:repeat="dsGebiete" spry:setrow="dsGebiete" spry:hover="submenulinkvisited" spry:choose="">
       <div>{gebiet}</div>
      </div>
     </div>
    </div>
      </div>
 
   <div class="AccordionPanel">       
    <div class="AccordionPanelTab">Versorgungsspektrum</div>
    <div class="AccordionPanelContent">
     <div spry:region="dsVersorgungsspektrum">
      <div spry:repeat="dsVersorgungsspektrum" spry:setrow="dsVersorgungsspektrum" spry:hover="submenulinkvisited">
        <div>{spektrum}</div>
      </div>
     </div>
    </div>
      </div>
 
   <div class="AccordionPanel">       
    <div class="AccordionPanelTab"><a href="#">Kontakt</a></div>
   </div>
 
   <div class="AccordionPanel">       
    <div class="AccordionPanelTab"><a href="#">Service</a></div>
      </div>
  </div>
 
 <div class="inhalttext">
  <div>
   <div class="submenutext" spry:detailregion="dsAkkordeon dsVorteile">
    <div>{inhalt}</div>
    <div>{dsVorteile::vorteiltext}</div>
 
   </div>
 
<script type="text/javascript">
<!--
var ds_ueberuns = new Spry.Data.XMLDataSet("data/ueberuns.xml", "ueberuns/submenu");
//-->
</script>
  <div>
   <div spry:region="ds_ueberuns">
    <div id="submenulink">
     <div spry:repeat="ds_ueberuns" spry:setrow="ds_ueberuns" spry:hover="submenulinkvisited">
      <div>{name}</div>
     </div>
    </div>
   </div>
  </div>
 
  <div class="submenutext" spry:detailregion="ds_ueberuns">
   <div>{text}</div>
  </div>
 </div>
 
 </div>
 <img src="img/layoutbild.jpg" name="bild" width="306" height="458" id="bild" />
 
</div>
</div>
 
<script type="text/javascript">
 <!--
 var Accordion1 = new Spry.Widget.Accordion("Accordion1");
 //-->
</script>
</center>
</body>
</html>

an der xml-Datei habe ich nichts verändert.
Habe eben auch gesehen das wenn ich z.b. {dsVorteile::vorteiltext} für den zweiten Text eingebe, er mir diesen zumindest definiert. Aber was ich machen muss, damit er mir nur jeweils einen Text anzeigt, hab ich immer noch nicht herraus gefunden.
 
Zuletzt bearbeitet von einem Moderator:
T

Top_Gun

Aktives Mitglied

AW: brauch dringend hilfe mit spry!

Ich mag mich irren, aber probier doch mal in der xml den vroteiltext als inhalt zu benennen...
 
E

esperar

Guest

AW: brauch dringend hilfe mit spry!

Hmm, ja ... so hatte ich es am Anfang. Aber vielleicht versuche ich das noch mal ... hab ja mittlerweile schon einiges geändert.

hab noch ein interessantes javascript gefunden

Code: 
<html><head><title>Test</title>
<script type="text/javascript">
var TopLinks = new Array("http://www.spiegel.de/",
                         "http://www.heise.de/newsticker/",
                         "http://www.encarta.msn.de/",
                         "http://paperball.fireball.de/",
                         "http://kochbuch.unix-ag.uni-kl.de/");
var aktuellerLink = 0;

function TopLink () {
  document.getElementsByName("Ziel")[0].href = TopLinks[aktuellerLink];
  document.getElementsByName("Ziel")[0].firstChild.nodeValue = TopLinks[aktuellerLink];
  aktuellerLink += 1;
  if (aktuellerLink >= TopLinks.length)
    aktuellerLink = 0;
}

function TopLinksFenster (Fenster) {
  document.getElementsByName("Ziel")[0].target = Fenster;
}
</script>
</head><body>
<p><a name="Ziel" href="#Ziel">Top-Link?</a><br>
<a href="javascript:TopLink()">Nächster Top-Link!</a><br>
TopLinks: <a href="javascript:TopLinksFenster('_blank')">in neues Fenster laden!</a> oder
<a href="javascript:TopLinksFenster('_self')">ins aktuelle Fenster laden!</a></p>
</body></html>

()

das macht ja schon irgendwo das was ich brauche. kenne mich aber nicht genug mit js aus, um es für mein akkordeon & das spry (is ja auch nix anderes als java) umzuschreiben. vielleicht gibts hier ja jemand der das super drauf hat & mir gleich sagt das es doch gaaanz einfach is? ;)
 
T

Top_Gun

Aktives Mitglied

AW: brauch dringend hilfe mit spry!

Also son Akkordeon (drop down) ist eigentlich nicht so schwer, hab das hier im Forum schon mehrfach gesehen und meine auch, dass es dazu tausende von tutorials gibt.

Ich persönlich kann davon (auch von dem spry zeug) nur abraten. Was ist zB mit den Usern die JS ausgeschaltet haben?

Wenn du dir aber nen Tutorial suchst wie man so ein Menu mit JS umsetzt und du nicht weiterkommst, helf ich aber trotzdem ;)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 214 (Mitglieder: 5, Gäste: 209)
Robots: 858

Statistik des Forums

Themen
118.621
Beiträge
1.538.378
Mitglieder
67.545
Neuestes Mitglied
helenkitina
Oben