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, 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

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

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

PHP Server Monitor

PHP Server Monitor ist ein Skript, das prüft, ob Ihre Websites und Server betriebsbereit sind.

11.09.2018 Berni | Kategorie: PHP/ Security
PHP WEB STATISTIK ansehen PHP WEB STATISTIK

Die PHP Web Statistik bietet Ihnen ein einfach zu konfigurierendes Script zur Aufzeichnung und grafischen und textuellen Auswertung der Besuchern Ihrer Webseite. Folgende zeitlichen Module sind verfügbar: Jahr, Monat, Tag, Wochentag, Stunde Folgende son

28.08.2018 phpwebstat | Kategorie: PHP/ Counter
Affilinator - Affilinet XML Produktlisten Skript

Die Affilinator Affilinet XML Edition ist ein vollautomatisches Skript zum einlesen und darstellen der Affili.net (Partnerprogramm Netzwerk) Produktlisten und Produktdaten. Im Grunde gibt der Webmaster seine Affilinet PartnerID ein und hat dann unmittelb

27.08.2018 freefrank@ | Kategorie: PHP/ Partnerprogramme
 Alle PHP Scripte anzeigen

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