Fenster Script und CMS Backup

  • Ich hab da ma ne frage. wenn ich auf diese Seite hier gehe http://www.conanundco.net/ und oben auf Podcast gehe erscheint so ein kleines Einblendfenster. Wie Programmiere ich das um so ein Fenster für meine Homepage benutzen zu können? Und wie mache ich ein Backup von meiner Aktuellen Homepage die ein CMS System ist?

    Einmal editiert, zuletzt von Sebi17 (20. Dezember 2008 um 07:53)

  • ok, is eigentlich ganz einfach. des "popup" ist n normaler div-container.
    hat allerdings als hintergrund ein leicht transparentes bild. beim klick auf
    den button wird ein javascript angesteuert, dass den container sichtbar
    macht (css eigenschaft -> display). dadurch muss die seite nicht neu
    geladen werden (und erweckt den effekt eines popups).

  • hab noch eine frage muss ich das jedesmal programmieren? hatte vor wenn man bei mir auf nen bild klickt das dann das bild in diesen popup kommt in original größe. und woher bekomme ich die css style sheats datei?

  • und der style is übern quellcode ersichtlich

  • das ist css. du musst noch den div-container erstellen, welchen
    die css-eigenschaften anpassen. css sollte eigentlich jedes cms
    können.

    wennst keine ahnung von div und css hast -> selfhtml.org

  • aber muss ich das für jedes bild dann einzeln programmieren?

    was dabei rauskommt ist dies hier: http://dragonball17.dr.funpic.de/include.php?pa…hp&contentid=53

    und dazu der quelltext:

    2 Mal editiert, zuletzt von Sebi17 (20. Dezember 2008 um 18:30)

  • hm... nein. du könntest beim aufruf übers js (onclick) nicht
    nur die id übergeben (welcher div angezeigt werden soll),
    sondern auch den dateinamen. den dann im js via css als
    background einbinden...

  • sorry, kenn mich mit deinem cms nicht aus...

    du schreibst momentan den quelltext direkt in html rein.
    deshalb wird des ganze als text erkannt, nicht als css.

    entweder musst du irgendwo ne *.css finden und des dort
    dann einfügen oder des css-zeug zwischen <style type="text/css">
    und </style> hängen... eigentlich alles css grundwissen...

  • du hast auch kein javascript drin. auf der seite wird der div-container erst
    als display:none markiert (also unsichtbar). bei klick auf den button oben
    wird ein javascript ausgeführt, welches den display-wert auf "block" setzt.

  • im original is doch oben ein button (glaub steht podcast drauf). wenn du dort
    drauf klickst, kommt das "popup". hinter diesem button liegt ein javascript, dass..
    ach warum erzähl ich des nochmal... lies meinen ersten post !

    das liegt hinter dem button

    Code
    onclick="show('screenshot2');return false;"

    screenshot2 is die id von der div-box. aufgerufen wird die
    function "show". diese ist so verankert:

    Code
    function show(layer) {
        document.getElementById(layer).style.display='block';    
    }

    es wird praktisch der div-container über die übergebene id
    herangezogen, und dann dessen css-wert "display" geändert
    von "none" (unsichtbar) in "block" (wird also sichtbar).

    wie du in deinem cms js einbindest... ich nehm an indem du
    den teil als js markierst

    Code
    <script language="JavaScript">....code ...</script>
  • von was ? oben is doch alles erklärt....zudem kenn ich mich mit deinem cms
    nicht aus (wie schon oft erwähnt). ich beschreibs dir jetzt mal wie ichs in nem
    normalen html-dokument machen würde...

    im head:
    die css definition + das javascript
    also des <style... und des <script...
    in des style-teil kommt die css definition,
    in das script-teil die function show (...

    in body
    den div-container ganz oben hin (die position wird
    definiert durch die angaben im css)

    und hinter dem menüpunkt, den du als button definieren
    willst, der dein popup öffnet, legst das onclick-element.

    bisserl was selbst musst auch machen. wir ham dir jetzt alle
    tips gegeben. nun setzt dich hin und testest selber mal,
    wenns nicht klappt, kannst deinen code hier posten und wir
    schauen dann wo die evtl probleme sind...

  • So in etwa?