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, 22: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 03-10-2007, 23: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, 423x 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

Plates native PHP template system

Plates ist ein natives PHP-Vorlagensystem, das schnell, einfach zu verwenden und einfach zu erweitern ist.

24.05.2019 Berni | Kategorie: PHP/ Framework
Maqetta Open Source  HTML5-Editor ansehen Maqetta Open Source HTML5-Editor

Einen WYSIWYG-Editor zur visuellen Erstellung von Userinterfaces in HTML5 (Drag-and-Drop)

13.05.2019 Berni | Kategorie: HTML5/ EDITOR
NodeBB

NodeBB ist eine Foren-Software auf NodeJS-Basis

13.05.2019 Berni | Kategorie: PHP/ Forum PHP Software
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 19:10 Uhr.