kostenloser Webspace werbefrei: lima-city


Suche auf lima-city

  • in: [Javascript] Aufklappmenü im IE

    geschrieben von grok

    Ich habe ein kleines Script geschrieben, welches einen Klapptext per Javascript durch Klick auf ein Symbol ein und ausblendet ( hier jetzt nur der Javascript Code ). Leider wei? ich nicht, wie ich das ganze f?r den IE realisieren kann, der Teil f?r Firefox & Co funktioniert wunderbar. Ich habe auch schon lange nach einer genaueren Erkl?rung zum document.all Objekt des IEs gesucht nur leider gibt es dazu kaum Material, da es ja veraltet ist. :)

    Zur Erkl?rung meines Scripts:
    Ich habe eine Box oben in der ein Text angezeigt wird, zu Anfang steht da allerdings noch "Beitrag ausw?hlen". Dieser Text wird dann ausgeblendet. Anschlie?end werden auch alle anderen Texte ausgeblendet, um sicherzustellen das nicht 2 Texte gleichzeitig angezeigt werden. Am Ende wird dann noch der ausgew?hlt Text angezeigt.

    Ich hoffe die Erkl?rung ist einigerma?en verst?ndlich und jemand hat eine L?sung f?r mich. :)

    var ie, w3c;
    
    function init()
    {
    ie = document.all;
    w3c = document.documentElement;
    }
    
    function klapptext(id) 
    {
    	
    	if (ie)
    	{
    		
    		document.all.auswahl.style.display = "none";
    		
    		
    		for(i=0; i<6; i++)
    			{
    				document.all.text[i].style.display = "none";	
    			}
    			
    		document.all[id].style.display = "";
    		
    		
    		return;
    	}
    		
    
    
    	if (w3c)
    	{	
    
    		document.getElementById("auswahl").style.display = "none";
    	
    	
    			for(i=0; i<6; i++)
    			{
    				document.getElementsByName("text")[i].style.display = "none";	
    			}
    	
    		
    		document.getElementById(id).style.display = "";
    		
    		
    		return;
    		} 
    }
  • in: XML und so weiter...

    geschrieben von grok

    Falls du kein Problem mit englischen Tutorials hast schau gibts hier auch noch was interessantes:
    http://www.w3schools.com/xml/xml_usedfor.asp


    ?bersetzt steht dort etwa folgendes zur Definition:

    1. XML ist kein Ersatz f?r HTML
    2. XML dient dazu Daten getrennt von der HTML-Struktur abzuspeichern
    3. XML dient dazu Daten auszutauschen. Da die Daten f?r jede Anwendung lesbar sind k?nnen auf diese Weise auch Daten zwischen verschiedenen Programmier- und Scriptsprachen ausgetauscht werden. (Beispiel: Flash, PHP)

    Hier nochmal die englische Version:


    The Main Difference Between XML and HTML

    XML was designed to carry data.

    XML is not a replacement for HTML.
    XML and HTML were designed with different goals:

    XML was designed to describe data and to focus on what data is.
    HTML was designed to display data and to focus on how data looks.

    HTML is about displaying information, while XML is about describing information.


    Grok
  • in: Frage zu CSS in Bezug auf IE 5.0 und 5.5

    geschrieben von grok

    Da der IE, wie du ja schreibst, den Inhalt nicht durch Eingabe von margin:0 auto; zentriert, muss man hier anders vorgehen.

    Dazu muss

    1. f?r body folgendes notiert werden:

    body
    {
    text-align:center;
    }


    und 2. muss direkt hinter dem Body-Tag im HTML Quelltext ein <div> eingef?gt werden, welches dem gesamten Inhalt umschlie?t und als CSS-Wert text-align:left; enth?lt. Vereinfacht:

    <html>
    ...
    <body>
    <div style="text-align:left;" >
    Inhalt...
    </div>
    </body>
    </html>


    So sollte es eigentlich funktionieren. Ich denke das m?sste auch bei einem Tabellenlayout, wie bei deiner Seite, funktionieren.



    PS: Die margin: 0 auto; Zeile hat mir jemand gemacht, weil ich damals absolut gar keine Ahnung von CSS hatte... Wof?r steht die 0...?
    }


    Wenn 2 Werte f?r margin angegeben werden, gilt der erste f?r die Ober- und Unterseite des Elementes und der zweite f?r die linke und rechte Seite.

    In diesem Fall gibt es oben und unten also kein margin und links, sowie rechts legt das der Browser fest, d.h. es wird zentriert.

    Grok
  • in: PHP Editor

    geschrieben von grok

    Vielleicht solltest du dir auch mal Weaverslave ansehen ( http://www.weaverslave.ws/ ).

    Das Programm bietet Tag-Highlighting f?r PHP als auch f?r eine Menge anderer Sprachen, sowie eine implementierte PHP-Referenz zum schnellen durchsuchen.

    Au?erdem gibts noch viele andere n?tzliche Funktionen, die das Programmieren erleichtern. Gucks dir bei Interesse mal an.

    Grok
  • in: CSS Problem....!!!

    geschrieben von grok

    Ich habe mir das auch mal angesehen und es entsprechend korrigiert. Vielleicht hast du ja mittlerweile eine L?sung lokal gefunden, ansonsten hilft dir das vielleicht.

    ( Sorry ?brigens, dass das Posting so lang ist )


    layout.htm:


    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/layout.css">
    </head>

    <body>

    <div id="rahmen">
    <div id="pads">


    <div id="marquee">
    <marquee direction="Left" scrollAmount="6" height="30" width="680">

    ..:: Willkommen auf meiner Homepage ::..

    </marquee>
    </div><!-- Ende marquee-->

    <div id="main">
    Lorem ipsum...
    </div>

    <div id="home">
    <span onMouseOver="imagechange1.src='./gfx/HomeIn.gif'" onMouseOut="imagechange1.src='./gfx/HomeOut.gif'">

    <a href="">
    <img src="./gfx/HomeNormal.jpg" id="imagechange1">
    </a>


    </span>
    </div><!-- Ende Home -->

    <div id="aboutme">
    <span onMouseOver="imagechange2.src='./gfx/AboutMeIn.gif'" onMouseOut="imagechange2.src='./Gfx/AboutMeOut.gif'">

    <a href="#">
    <img src="./gfx/AboutMeNormal.jpg" id="imagechange2">
    </a>

    </span>
    </div><!-- Ende aboutme -->


    </div><!-- Ende Pads -->
    </div><!-- Ende Rahmen -->

    </body>
    </html>


    layout.css:

    body
    {
    font-family:Arial;
    font-size:12px;
    color:#fff;
    margin:0;
    padding:0;
    }


    img
    {
    border-width:0;
    }


    #rahmen
    {

    background-image:url(./../gfx/rahmen.gif);

    background-repeat: no-repeat;
    width:1024px;
    height:768px;
    }


    #pads
    {

    background-image:url(./../gfx/pads.gif);

    background-repeat: no-repeat;
    width: 1024px;
    height: 768px;
    }


    #marquee
    {
    position: absolute;
    margin-top: 52px;
    margin-left: 160px;
    /*NEW*/font-size:16px; // Als Ersatz f?r ein HTML-Tag das ich entfernt habe
    }


    #main
    {
    position: absolute;
    margin-top: 150px;
    margin-left: 300px;
    /*NEW*/margin-right:350px; // Textbereich rechts begrenzen
    }


    Ich habe mir erlaubt den <iframe> zu entfernen, da Frames mittlerweile nicht mehr verwendet werden sollten. ( Gute Gr?nde daf?r findest du unter anderem unter: http://www.subotnik.net/html/frames.html )

    Au?erdem ist die Verwendung von <marquee> ebenfalls nicht sehr elegant, da man den bewegenden Text nur noch nervend findet sollte man sich mal l?nger auf der Seite aufhalten.

    Nat?rlich bleibt das alles weiterhin dir ?berlassen, ich habe nur Vorschl?ge gemacht. :)


    Grok



    Beitrag ge?ndert am 25.08.2006 20:09 von grok

Login zum Webhosting ohne Werbung!