php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 01-10-2007, 23:07
Timo Trallala
 Member
Links : Onlinestatus : Timo Trallala ist offline
Registriert seit: Mar 2005
Beiträge: 190
Timo Trallala ist zur Zeit noch ein unbeschriebenes Blatt
Standard Browser History Manager [YUI]

Hallo,

habe jetzt mal den Versuch gestartet, mich der YUI zu widmen. Browser History Manager, ausreichend Widgets, und ne Mailingliste haben die bestimmt auch.

Die Mailing-Liste gibt es schon, nur ist die nicht sonderlich kommunikativ. Und die Dokumentation läßt auch zu wünschen übrig.

Also hab ich mich mal dran gestetzt, und den BHM eingebunden.

http://developer.yahoo.com/yui/examp...ry-navbar.html

Nur leider wird bei den Plagegeistern aus dem hause Microsoft die ganze Seite reloaded.

PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>YUI Browser History Manager - Simple Navigation Bar Example</title>

        <html>
            <link rel = "stylesheet" type = "text/css" href = "css/reset-fonts-grids.css">
            <link rel = "stylesheet" type = "text/css" href = "css/style.css">
            
            <script src = "build/yahoo/yahoo.js">
            </script>

            <script src = "build/dom/dom.js">
            </script>

            <script src = "build/event/event.js">
            </script>

            <script src = "build/connection/connection.js">
            </script>

            <script src = "build/history/history-beta.js">
            </script>

            <body>
                <script>
                    function loadSection( section )
                        {
                        var url = section + ".php";

                        function successHandler( obj )
                            {
                            // Use the response...
                            YAHOO.util.Dom.get("col3").innerHTML = obj.responseText;
                            }

                        function failureHandler( obj )
                            {
                            // Fallback...
                            location.href = "?section=" + section;
                            }

                        YAHOO.util.Connect.asyncRequest("GET", url,
                            {
                            success: successHandler,
                            failure: failureHandler
                            });
                        }

                    var bookmarkedSection = YAHOO.util.History.getBookmarkedState("navbar");
                    var querySection = YAHOO.util.History.getQueryStringParameter("section");
                    var initialSection = bookmarkedSection || querySection || "home";

                    YAHOO.util.History.register("navbar", initialSection, function(state)
                        {
                        // Load the appropriate section:
                        loadSection(state);
                        });

                    function initializeNavigationBar()
                        {
                        // Process links
                        var anchors = YAHOO.util.Dom.get("nav").getElementsByTagName("a");

                        for (var i = 0, len = anchors.length; i < len; i++)
                            {
                            var anchor = anchors[i];
                            YAHOO.util.Event.addListener(anchor, "click", function(evt)
                                {
                                var href = this.getAttribute("href");
                                var section = YAHOO.util.History.getQueryStringParameter("section", href) || "home";

                                // If the Browser History Manager was not successfuly initialized,
                                // the following call to YAHOO.util.History.navigate will throw an
                                // exception. We need to catch it and update the UI. The only
                                // problem is that this new state will not be added to the browser
                                // history.
                                //
                                // Another solution is to make sure this is an A-grade browser.
                                // In that case, under normal circumstances, no exception should
                                // be thrown here.
                                try
                                    {
                                    YAHOO.util.History.navigate("app", section);
                                    }
                                catch (e)
                                    {
                                    loadSection(section);
                                    }
                                YAHOO.util.Event.preventDefault(evt);
                                });
                            }

                        // This is the tricky part... The onLoad event is fired when the user
                        // comes back to your page using the back button. In this case, the
                        // actual section that needs to be loaded corresponds to the last section
                        // visited before leaving the page, and not the initial section. This can
                        // be retrieved using getCurrentState:
                        var currentSection = YAHOO.util.History.getCurrentState("app");

                        if (location.hash.substr(1).length > 0)
                            {
                            // If the section requested in the URL fragment is different from
                            // the section loaded in index.php, we have an unpleasant refresh
                            // effect because we do an asynchronous XHR call. Instead of doing
                            // a synchronous XHR call, we can fix this by erasing the initial
                            // content of bd:
                            if (currentSection != querySection)
                                YAHOO.util.Dom.get("col3").innerHTML = "";
                            loadSection(currentSection);
                            }
                        }
                    YAHOO.util.History.onLoadEvent.subscribe(function()
                        {
                        initializeNavigationBar();
                        });

                    try
                        {
                        YAHOO.util.History.initialize();
                        }
                    catch (e)
                        {
                        initializeNavigationBar();
                        }
                </script>
                <div id = "doc" style="border:1px red dashed;width: 100%;height: 300px;">
                    <div id = "hd">
                        <img src = "http://ggop.net/yui/examples/history/assets/yui.gif" alt = "YUI Logo" id = "logo" />

                        <div id = "nav">
                            <ul>
                                <li><a href = "?section=home">Home</a></li>

                                <li><a href = "?section=overview">Overview</a></li>

                                <li><a href = "?section=products">Products</a></li>

                                <li><a href = "?section=contactus">Contact Us</a></li>
                            </ul>
                        </div>
                    </div>

                    <div id = "col3">
                        <?php
                        $section
="home";

                        if (isset(
$_GET["section"]))
                            
$section=$_GET["section"];
                        include(
"./inc/".$section ".php");
                        
?>
                    </div>
                </div>
            </body>
        </html>
Evt. kann jemand ein Wenig Licht ins Dunkle bringen

Grüße
derTrallala
__________________
Manchmal verliert ma eben ... und manchmal gewinnen die Anderen
Mit Zitat antworten
  #2 (permalink)  
Alt 04-10-2007, 00:43
Timo Trallala
 Member
Links : Onlinestatus : Timo Trallala ist offline
Registriert seit: Mar 2005
Beiträge: 190
Timo Trallala ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Can be closed! Lösung gefunden...

Da dies ja einige gelesen haben, präsentiere ich auch die Lösung, auch wenn es keine Antwort gab ,)
Angehängte Dateien
Dateityp: txt index.php.txt (8,2 KB, 417x aufgerufen)
__________________
Manchmal verliert ma eben ... und manchmal gewinnen die Anderen
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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


PHP News

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

ModuleStudio ansehen ModuleStudio

Modellgetriebene Entwicklung von Erweiterungen für das Open Source Framework Zikula.

15.01.2019 Guite | Kategorie: PHP ENTWICKLUNGSUMGEBUNG
FAQ Script PHP ansehen FAQ Script PHP

FAQ Script PHP is a simple knowledgebase script and you could use it as a Frequently Asked Question section on your website. It is written in PHP and MySQL.

14.01.2019 nevenov | Kategorie: PHP/ FAQ
Admidio Mitgliederverwaltung

Admidio ist eine kostenlose Online-Mitgliederverwaltung, die für Vereine, Gruppen und Organisationen optimiert ist. Sie besteht neben der Mitgliederverwaltung aus einer Vielzahl an Modulen (Foto-, Download-, Terminverwaltung), die in eine neue oder besteh

08.01.2019 webmaster52@ | Kategorie: PHP/ Groupware
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 16:23 Uhr.