art-d-sign
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 13.09.2007, 08:26   #1
TP-Newbie
 
Registriert seit: Sep 2007
Berke macht alles soweit korrekt

Spry Akkordeon


Ich bin Umsteiger von Golive auf Dreamweaver und möchte natürlich die erweiterte Funktionalität von DW nutzen.
In eine bestehende Seite (mit CSS) habe ich versucht, ein Spry Akkordeon einzubauen. Was auf einer leeren Seite problemlos funktioniert, klappt in der bestehenden Seite nicht: Das Akkordeon klappt immer nur so weit zu, dass man noch alle Inhalte sehen kann, und nicht nur die des gerade aktivierten Bereichs. Ich denke, dass es mit der bestehenden Positions-CSS zusammenhängt, weiß aber nicht an welcher Stelle ich suchen soll. Wer kann helfen?
Berke ist offline   Mit Zitat antworten


Alt 13.09.2007, 08:43   #2
TP-Moderator
 
Benutzerbild von Torsten
 
Registriert seit: Jan 2004
Ort: Marbach
Torsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine User
Zeig doch mal den Code, dann können wir auch helfen
Tritt das Problem lokal auf, oder online?
Hast Du evtl. JavaScript im Browser deaktiviert?
__________________
Gruß Torsten!
Torsten ist gerade online   Mit Zitat antworten
Alt 13.09.2007, 10:09   #3
TP-Newbie
 
Registriert seit: Sep 2007
Berke macht alles soweit korrekt

Spry Akkordeon


JavaScript ist aktiviert. Problem tritt lokal auf (auch auf den Rechnern meiner Kollegen). Wie gesagt, beim Neuaufbau einer Seite (ohne CSS) funktioniert alles einwandfrei.

Code der gesamten Seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Hauptseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="DESCRIPTION" content="Die Maschinenbau- und Metall-Berufsgenossenschaft informiert &uuml;ber Unfallverh&uuml;tung und Gesundheitsschutz sowie Entsch&auml;digungsleistungen.">
<META NAME="AUTHOR" content="Kenneweg,MMBG">
<META NAME="COPYRIGHT" content="1999-2003 Verwaltungsgemeinschaft Maschinenbau- und Metall-BG u. H&uuml;tten- und Walzwerks-BG">
<META NAME="PUBLISHER" content="Verwaltungsgemeinschaft Maschinenbau- und Metall-BG u. H&uuml;tten- und Walzwerks-BG">
<META NAME="ROBOTS" content="INDEX, FOLLOW">
<META NAME="REVISIT-AFTER" content="1 days">
<META HTTP-EQUIV="Cache-Control" content="no-store">
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>

<SCRIPT language=JavaScript type=text/javascript>
<!--
/* Anfang Funktionen zum Zoomen der Inhalte einzelner Seiten */
i= 1.0;
function zoomIn()
{
if (i<=4.0){
i += 0.5;
innerZoom();
}
}
function zoomOut()
{
if (i > 1) i -= 0.5;
innerZoom();
}
function resetZoom()
{
i = 1;
innerZoom();
}
function innerZoom()
{
this.document.body.style.zoom=i;
}

/* ------------------------------------------------------------ */

//-->
</SCRIPT>
<link rel="stylesheet" href="CSS/p_start.css" type="text/css">
<link rel="stylesheet" href="CSS/mmbg_win.css" type="text/css">
<style type="text/css" media="screen">
<!--
#body {
background-color: #fff;
visibility: visible;
position: absolute;
z-index: 2;
top: 489px;
left: 12px;
width: 75%;
height: 3089px
}
#Ebene1 {
background-color: #fff;
visibility: hidden;
position: absolute;
z-index: 2;
top: 135px;
left: 0;
width: 99%;
height: 164px
}
.Stil2 {
color: #000033;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.Stil3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Stil4 {color: #FFFFFF}
.Stil5 {color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
body,td,th {
font-family: Arial, Helvetica, sans-serif;
color: #CC0033;
font-size: 12px;
}
a:link {
color: #990000;
text-decoration: none;
}
a:active {
color: #330099;
text-decoration: none;
}
.Stil6 {color: #000066}
.Stil7 {
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
}
.Stil9 {font-size: 12px}
.Stil10 {color: #FFFFFF; font-size: 12px;}
.Stil12 {font-size: 12px; color: #330033; }
.Stil13 {color: #330099; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
-->
</style>
<style type="text/css">
<!--
a:visited {
color: #990033;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
-->
</style>

<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:370px;
height:272px;
z-index:3;
left: 11px;
top: 142px;
}
-->
</style>
</head>

<body>
<div class="logo">
<img src="BILDER/mmbg_logo2.gif" width="400" height="62" alt="Logo der Verwaltungsgemeinschaft Maschinenbau- und Metall-BG und H&uuml;tten- und Walzwerks-BG mit Link zur Startseite" class="flboxl" border="0"></div>
<div align="center">
<p class="Stil3">&nbsp;</p>
</div>
<div id="apDiv1">
<div id="Accordion2" class="AccordionPanel" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Bezeichnung 1</div>
<div class="AccordionPanelContent">Inhalt 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Bezeichnung 2</div>
<div class="AccordionPanelContent">Inhalt 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Bezeichnung 3</div>
<div class="AccordionPanelContent">
<p>Inhalt 3<br>
inhalt 3</p>
<p>inhalt 3</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Bezeichnung 4</div>
<div class="AccordionPanelContent">Inhalt</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion2 = new Spry.Widget.Accordion("Accordion2");
//-->
</script>
</body>
</html>
Berke ist offline   Mit Zitat antworten
Alt 13.09.2007, 11:12   #4
TP-Moderator
 
Benutzerbild von Torsten
 
Registriert seit: Jan 2004
Ort: Marbach
Torsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine User
Ich habe hier im Moment leider nur DW8 kann also keine Spry Tests durchführen.
Wenn ich aber Deinen Code in ein leeres Dokument einfüge und dieses in der Browservorschau betrachte funktioniert das Akkordeon-Panel garnicht.
Bin mir nicht sicher, aber gehört nicht auch noch eine JS-Datei dazu die DWCS3 in einem Ordner ablegt?
__________________
Gruß Torsten!
Torsten ist gerade online   Mit Zitat antworten
Alt 13.09.2007, 11:38   #5
TP-Moderator
 
Benutzerbild von Torsten
 
Registriert seit: Jan 2004
Ort: Marbach
Torsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine User
Schuppen auf den Augen - im Head der Seite stehts ja: SpryAssets/SpryAccordion.js

Häng mal diese Datei gezipped hier mit dran lieber Berke
__________________
Gruß Torsten!
Torsten ist gerade online   Mit Zitat antworten
Alt 13.09.2007, 12:06   #6
TP-Newbie
 
Registriert seit: Sep 2007
Berke macht alles soweit korrekt
Hier noch einmal die etwas ausgedünnte Seite html-Seite als Zip-Datei und die SpryAccordion.js als Zip. Die SpryAccordion.js-Datei müsste m.E. in einen Ordner "SpryAssets" . So läuft es auf dem Rechner eines Kollegen.
Angehängte Dateien
Dateityp: zip test forum.zip (846 Bytes, 11x aufgerufen)
Dateityp: zip SpryAccordion.zip (4,0 KB, 16x aufgerufen)
Berke ist offline   Mit Zitat antworten
Alt 13.09.2007, 16:55   #7
TP-Moderator
 
Benutzerbild von Torsten
 
Registriert seit: Jan 2004
Ort: Marbach
Torsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine User
So jetzt habe ich mal einen Test gemacht in dem ich einfach eine neue Seite erstellt habe, und dort minimale CSS-Formatierungen vorgenommen habe und danach ein Spry-Akkordeon generiert.

Alles funktioniert einwandfrei - im Firefox sowie im Internetexplorer.

Eure Datei kann ich leider nicht testen da auch noch die SpryAccordion.css-Datei fehlt und Ihr irgendwie zuviel/zuwenig gelöscht habt.

Ich häng hier mal mein Bsp. als ZIP-Archiv an, dann könnt Ihr testen ob es bei Euch auch funktioniert.

Als Vorgehensweise würde ich empfehlen, auch erstmal mit einer leeren Seite zu starten und Spry-Komponenten auszuprobieren.
Wenn dann alles klappt würde ich es nochmals in der schon vorhandenen Seite probieren, bestimmt hat sich irgendwo ein Fehlerteufelchen eingeschlichen
Angehängte Dateien
Dateityp: zip TP-Testsite.zip (6,7 KB, 30x aufgerufen)
__________________
Gruß Torsten!
Torsten ist gerade online   Mit Zitat antworten
Alt 13.09.2007, 20:08   #8
TP-Moderator
 
Benutzerbild von Torsten
 
Registriert seit: Jan 2004
Ort: Marbach
Torsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine User
Ich habe nocheinmal etwas ausprobiert und bin zu folgender These gekommen:

Um herauszufinden wieso das Spry-Widget 'Akkordeon-Panel" bei Dir in der bestehenden Page nicht funktioniert benötige ich folgendes:
  • originale HTML-Datei
  • originale CSS-Datei
  • SpryAccordion.css
  • SpryAccordion.js
Ich habe nämlich mal in meine Musterdatei alle CSS-Anweisungen kopiert die in Deinem Post mit dem Source-Code stehen und es funktioniert immernoch einwandfrei
__________________
Gruß Torsten!
Torsten ist gerade online   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > Dreamweaver
Spry Akkordeon Spry Akkordeon
« wie kann ich im dreamweaver meine formulardaten auf meine email adresse umleiten? | Dreamweaver vertikale Hilfslinien in der Codeansicht »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:04 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67