Ingo Siemon: umgekehrtes Noscript

Hallo

Ich möchte gerne auf meiner Webseite etwas bestimmtes anzeigen,
aber nur, wenn Javascript im Browser des Users aktiviert ist.
Wenn Javascript deaktiviert ist, soll nichts angezeigt werden.

Dabei geht es um folgendes:
- bisher <script src="http://spaceart.de/_Test2/cgi-bin/click/download.cgi?action=anzeige&amp;url=http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe&js=1"></script> Downloads)

Irgendwie habe ich da ein Brett vorm Kopf,
so das ich nicht auf die Lösung komme, wie ich das erreichen kann.
Könnt Ihr mir bitte mal einen Denkanstoss geben?

Gruß
Ingo

  1. 'Nabend Ingo.

    Ich möchte gerne auf meiner Webseite etwas bestimmtes anzeigen,
    aber nur, wenn Javascript im Browser des Users aktiviert ist.

    Genau das passiert, wenn du diese Anweisungen in den SCRIPT-Bereich schreibst. ;-)

    1. Hallo

      Genau das passiert, wenn du diese Anweisungen in den SCRIPT-Bereich schreibst. ;-)

      OK, dann müsste es so heissen:
      - bisher <script src="http://spaceart.de/_Test2/cgi-bin/click/download.cgi?action=anzeige&amp;url=http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe&js=1"> Downloads)</script>

      Aber wo muss ich denn nun dieses "- bisher " hinsetzen?
      Sorry für die vielleicht blöde Frage,
      aber ich stehr da gerade mal echt auf dem Schlauch, fürchte ich.

      Gruß
      Ingo

      1. Moin!

        Sorry für die vielleicht blöde Frage,
        aber ich stehr da gerade mal echt auf dem Schlauch, fürchte ich.

        document.write() nehmen.

        - Sven Rautenberg

        --
        My sssignature, my preciousssss!
        1. Tach

          document.write() nehmen.

            
          <script type="text/javascript">  
            document.write('- bisher <script src="http://spaceart.de/_Test2/cgi-bin/click/download.cgi?action=anzeige&amp;url=http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe&js=1"> Downloads)');  
          </script>  
          
          

          Ist das so richtig?
          Gruß
          Ingo

          1. Moin!

            document.write() nehmen.

            <script type="text/javascript">
              document.write('- bisher <script src="http://spaceart.de/_Test2/cgi-bin/click/download.cgi?action=anzeige&amp;url=http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe&js=1"> Downloads)');
            </script>

            
            > Ist das so richtig?  
              
            Funktioniert es?  
              
             - Sven Rautenberg
            
            -- 
            My sssignature, my preciousssss!
            
            1. Lieber Sven

              Funktioniert es?

              Nur im Firefox.
              Im IE und Opera nicht.
              Und valide ist es auch nicht, weil ja ein schliessendes
              Script-Tag fehlt.

              Irgendwie komme ich mit dem Script im Script nicht klar.
              Aber warscheinlich gehr das so auch garnicht, oder?

              Ich könnte natürlich das "- bisher " und das " Downloads)"
              jweiles mit einem getrennten document.write schreiben.

              Aber kann man das nicht vielleicht doch alles in einem unterbringen?
              Gruß
              Ingo

              1. Moin!

                Lieber Sven

                Funktioniert es?

                Nur im Firefox.
                Im IE und Opera nicht.

                Dann ist die Lösung schlecht. Ich hatte auch nicht gemeint (das aber zugegeben gut versteckt), dass du das Javascript mit Javascript einbinden sollst, sondern du sollst die Textausgabe mit Javascript machen. Wolltest du doch schließlich: "Wie kann ich einen Text ausgeben, wenn Javascript aktiv ist?"

                Antwort: Mit document.write() reinschreiben. Weil document.write ausgeführt wird, wenn Javascript aktiv ist, sonst nicht.

                Es gibt kein <nonoscript>, in das man Text schreiben kann, der erscheint, wenn Skripte aktiv sind.

                - Sven Rautenberg

                --
                My sssignature, my preciousssss!
                1. Tach Sven

                  Dann ist die Lösung schlecht.

                  Yep :)

                  ... sondern du sollst die Textausgabe mit Javascript machen. Wolltest du doch schließlich: "Wie kann ich einen Text ausgeben, wenn Javascript aktiv ist?"

                  Ja, stimmt.

                  Antwort: Mit document.write() reinschreiben. Weil document.write ausgeführt wird, wenn Javascript aktiv ist, sonst nicht.

                  Ja, so habe ichs nun auch gemacht.
                  Und es funktioniert wunderbar.
                  Hier kann man sich das Ergenis ansehen: http://spaceart.de/_Test2/bildschirmschoner.php

                  Es gibt kein <nonoscript>, in das man Text schreiben kann, der erscheint, wenn Skripte aktiv sind.

                  Ja, das war auch nur ein Versuch, im Betreff mein Anligen
                  darzustellen. Ist nicht sehr geglückt.
                  Andererseits hats ja anscheinend neugierg gemacht ;-)

                  Vielen Dank auch für Deine Hilfe
                  und Gruß aus Münster
                  Ingo

              2. Hello out there!

                Ich könnte natürlich das "- bisher " und das " Downloads)"
                jweiles mit einem getrennten document.write schreiben.

                Eben.

                <script type="text/javascript">[code lang=javascript]document.write(" - bisher ")</script>[/code]
                <script src="http://spaceart.de/_Test2/cgi-bin/click/download.cgi?action=anzeige&amp;url=http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe&js=1"></script>
                <script type="text/javascript">[code lang=javascript]document.write("Downloads)")</script>[/code]

                Das enthält übrigens noch zwei Fehler. Ich bin sicher, du findest sie. ;-) (Das Syntax-Highlighting hilft bei einem. Und nein, ich hab’ sie nicht reingebaut; die waren schon von Anfang an drin.)

                Mir ist nicht klar, warum du hinter „Downloads“ eine Klammer schließt, die du vor „bisher“ nicht mit JavaScript geöffnet hast.

                Aber kann man das nicht vielleicht doch alles in einem unterbringen?

                Kann man nicht vielleicht „bisher“ und „Downloads“ in der Ausgabe des externen Scripts unterbringen?

                See ya up the road,
                Gunnar

                --
                “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                1. Tach Gunnar

                  <script type="text/javascript">[code lang=javascript]document.write(" - bisher ");</script>[/code]
                  <script src="http://spaceart.de/_Test2/cgi-bin/click/download.cgi?action=anzeige&amp;url=http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe&js=1"></script>
                  <script type="text/javascript">[code lang=javascript]document.write("Downloads)")</script>[/code]

                  OK, ja egnau so habe ich es gestern abend dann auch noch gemacht.

                  Das enthält übrigens noch zwei Fehler.

                  OK, das eine Ampersant habe ich entdeckt.
                  Und dann noch die beiden ";" hinter den document.writes.
                  Richtig?

                  Demnach sollte es so nun richtig sein:
                  <script type="text/javascript">[code lang=javascript]document.write(" - bisher ");</script>[/code]
                  <script src="http://spaceart.de/_Test2/cgi-bin/click/download.cgi?action=anzeige&amp;url=http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe&amp;js=1"></script>
                  <script type="text/javascript">[code lang=javascript]document.write(" Downloads");</script>[/code]

                  Mir ist nicht klar, warum du hinter „Downloads“ eine Klammer schließt, die du vor „bisher“ nicht mit JavaScript geöffnet hast.

                  Ups ja, die gehört natürlich ausserhalb des ganzen hinne.

                  Kann man nicht vielleicht „bisher“ und „Downloads“ in der Ausgabe des externen Scripts unterbringen?

                  Werde ich mir mal ansehen.

                  Danke für die Hilfe und Gruß aus Münster
                  Ingo

                  1. Hello out there!

                    Das enthält übrigens noch zwei Fehler.
                    OK, das eine Ampersant habe ich entdeckt.

                    Ich wusste, ich kann auf dich zählen. ;-)

                    Und dann noch die beiden ";" hinter den document.writes.
                    Richtig?

                    Nö, die ';' sind optional. Ich sagte doch: „ich hab’ sie nicht reingebaut“, also kann der Fehler nicht in document.write-Zeilen stecken.

                    Etwas anderes ist nicht optional.

                    See ya up the road,
                    Gunnar

                    --
                    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                    1. Hallo Gunnar

                      So früh schon auf den Beinen ?

                      Ich wusste, ich kann auf dich zählen. ;-)

                      :)

                      Nö, die ';' sind optional.

                      OK.

                      Ich sagte doch: „ich hab’ sie nicht reingebaut“, also kann der Fehler nicht in document.write-Zeilen stecken.

                      Hmmm, muss man dieses "=" der Parameterangaben auch maskieren?
                      Und/Oder das "?"?

                      Der Validator sagt übrigens, dass alles prima ist.

                      Gruß
                      Ingo

                      1. Hello out there!

                        So früh schon auf den Beinen ?

                        Nein, auf dem A... Wie kommste darauf, dass ich stünde? ;-)

                        Hmmm, muss man dieses "=" der Parameterangaben auch maskieren?
                        Und/Oder das "?"?

                        2× nein.

                        Der Validator sagt übrigens, dass alles prima ist.

                        Da haben alle script-Elemente ja auch type-Attribute. (Hier im Thread fehle eins bei <script src="...">)

                        Was mich noch wundert: Wieso weiß der Client, wie oft etwas gedown... äh downge... äh heruntergeladen wurde?

                        Weiß das nicht der Server? Warum JavaScript statt serverseitiger Einbindung (PHP)?

                        See ya up the road,
                        Gunnar

                        --
                        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                        1. Tach

                          Nein, auf dem A... Wie kommste darauf, dass ich stünde? ;-)

                          Taj, gute Frage.
                          An einem Stehpult arbeiten wohl die wenigstens von uns.

                          2× nein.

                          Hätte mich auch gewundert.

                          Da haben alle script-Elemente ja auch type-Attribute. (Hier im Thread fehle eins bei <script src="...">)

                          Ahhh, so dann hatte ich diesen Fehler ja sogar schon von selbst gefunden
                          und im Code meiner Seite korrigiert.

                          Was mich noch wundert: Wieso weiß der Client, wie oft etwas gedown... äh downge... äh heruntergeladen wurde?
                          Weiß das nicht der Server? Warum JavaScript statt serverseitiger Einbindung (PHP)?

                          Da muss ich gestehen, dass dieses Script nicht von mir ist.
                          Ich selber kann so etwas ja nicht.
                          Ich glaube, es zählt nur die Klicks auf den (Download-)Link.
                          Und wie ich die Anzeige dann mit PHP machen kann,
                          weiss ich leider auch nicht.
                          Dafür reichts bei mir nicht ;-)

                          Das Script schreibt diese Klicks auf dem Server einfach
                          in eine Datei nach folgendem Muster:
                          ------------------------------------------------------------------------------------
                          16|http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe
                          4|http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-15.exe
                          2|http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-13.exe
                          2|http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-14.exe
                          1|http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-11.exe
                          1|http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-05.exe
                          1|http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-12.exe
                          ------------------------------------------------------------------------------------

                          Meinst Du, ich sollte zur Anzeige der entsprechenden Zahlen
                          auf meiner Seite, diese Datei sozusagen per PHP "auslesen"?

                          Gruß
                          Ingo

                      2. Hello out there!

                        Der Validator sagt übrigens, dass alles prima ist.

                        Der checkt aber nicht nicht mehr als die Syntax. („checkt“ in voller Doppeldeutigkeit ;-))

                        <li>&nbsp;<a href="foo">bar</a></li>

                        Was soll das '&nbsp;' da? Für Abstände ist doch CSS zuständig (margin, padding).

                        &nbsp;&nbsp;&#921;&nbsp;&nbsp;

                        '&#921;'? (blöde dezimale Angabe, erstmal umrechnen) Warum verwendest du U+0399 greek capital letter iota als Trennzeichen, und nicht '|'?

                        See ya up the road,
                        Gunnar

                        --
                        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                        1. Hello out there!

                          Hm, ich sollte mich doch mal auf die Beine stellen (wennschon kein Frühsport), vielleicht regt das ja schon den Kreislauf an und mit etwas Glück kommt auch etwas frisches Blut im Gehirn an.

                          Da war ein „nicht“ zuviel; sollte heißen:

                          Der checkt aber nicht mehr als die Syntax. („checkt“ in voller Doppeldeutigkeit ;-))

                          See ya up the road,
                          Gunnar

                          --
                          “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                        2. Tach Gunnar

                          <li>&nbsp;<a href="foo">bar</a></li>

                          Was soll das '&nbsp;' da? Für Abstände ist doch CSS zuständig (margin, padding).

                          Dann müsste ich in diesem Fall diesen einzelnen Text-Teilen
                          ja noch ingendweloche Klassen usw. zuteilen.
                          Das würde den Code dann immer weiter aufblähen.
                          Deswegen habe ich mir hier mal diese "&nbsp"s "gegönnt" :)

                          Warum verwendest du U+0399 greek capital letter iota als Trennzeichen, und nicht '|'?

                          Weil das anscheinend ein anderes Zeichen ist.
                          Siehe hier: http://spaceart.de/_Test2/bildschirmschoner.php
                          (beim "Bildschirmschoner 16" habe ich hinter "04.2006" mal beide hingemacht)
                          Und ich finde das kurze Trennzeichen schöner.

                          Gruß
                          Ingo

                          1. Hello out there!

                            Was soll das '&nbsp;' da? Für Abstände ist doch CSS zuständig (margin, padding).

                            Dann müsste ich in diesem Fall diesen einzelnen Text-Teilen
                            ja noch ingendweloche Klassen usw. zuteilen.

                            Nochmal genauer hingeschaut: Nein, was du eigentlich willst, ist eine verschachtelte Liste:

                                  <ul id="Navigation">  
                                    <li id="logo"><a href="/_Test2/"><img src="/_Test2/bilder/logo-navigation.gif" width="220" height="162" alt="zur Startseite" title="zur Startseite" /></a>  
                                      <ul>  
                                        <li><a href="/_Test2/">Startseite</a></li>  
                                        <li><a href="/_Test2/warenkorb.php">Warenkorb</a></li>  
                                      </ul>  
                                    </li>  
                                    <li>Suche  
                                      <ul>  
                                        <li>  
                                          <form method="post" action="cgi-bin/webindex/websearch.cgi">  
                                            <div>  
                                              <input type="hidden" name="sort" value="2" />  
                                              <input type="hidden" name="combination" value="AND" />  
                                              <input class="text" name="searchwords" type="text" /><br />  
                                              <input id="absenden" type="submit" name="send" value="Suchen" />  
                                            </div>  
                                          </form>  
                                        </li>  
                                        <li><a href="/_Test2/erweiterte-suche.php">Erweiterte Suche</a></li>  
                                      </ul>  
                                    </li>  
                              
                                    <li>Shop  
                                      <ul>  
                                        <li><a href="/_Test2/listen/modelle-science-fiction-fantasy-a.php">SciFi + Fantasy Modelle</a></li>  
                                        <li><a href="/_Test2/listen/modelle-action-horror-a.php">Action + Horror Modelle</a></li>  
                                        <li><a href="/_Test2/listen/modelle-erotik-a.php">Erotik Modelle</a></li>  
                                        <li><a href="/_Test2/listen/schwerter-dolche.php">Schwerter + Dolche</a></li>  
                                        <li><a href="/_Test2/listen/zubehoer.php">Zubehör</a></li>  
                                      </ul>  
                                    </li>  
                              
                                    <li>Service  
                                      <ul>  
                                        <li><a href="/_Test2/geschenkgutscheine.php">Geschenkgutscheine</a></li>  
                                        <li><a href="/_Test2/bemal-service.php">Bemal-Service</a></li>  
                                        <li><a href="/_Test2/space-detektiv.php">Space-Detektiv</a></li>  
                                      </ul>  
                                    </li>  
                              
                                    <li>Dialog  
                                      <ul>  
                                        <li><a href="/_Test2/nr/kontakt-email.php">Kontakt + E-Mail</a></li>  
                                        <li><a href="/_Test2/nr/rueckruf-service.php">Rückruf-Service</a></li>  
                                        <li><a href="/_Test2/nr/newsletter.php">Newsletter</a></li>  
                                        <li><a href="/_Test2/rss-feed.php">RSS-Feed</a></li>  
                                        <li><a href="/_Test2/impressum.php">Impressum</a></li>  
                                      </ul>  
                                    </li>  
                              
                                    <li>Hilfe  
                                      <ul>  
                                        <li><a href="/_Test2/bestellvorgang.php">Bestellvorgang</a></li>  
                                        <li><a href="/_Test2/versandkosten.php">Versandkosten</a></li>  
                                        <li><a href="/_Test2/faq.php">F.A.Q.</a></li>  
                                        <li><a href="/_Test2/agb.php">AGB</a></li>  
                                      </ul>  
                                    </li>  
                              
                                    <li>Extras  
                                      <ul>  
                                        <li class="aktiv">Bildschirmschoner</li>  
                                        <li><a href="/_Test2/werbung.php">Werbung</a></li>  
                                        <li><a href="/_Test2/spiel/spiel.php">Spiel</a></li>  
                                      </ul>  
                                    </li>  
                                  </ul>
                            

                            Die Klasse 'trenner' ist dann auch nicht nötig.

                            Das würde den Code dann immer weiter aufblähen.

                            Nö. ;-)

                            Warum verwendest du U+0399 greek capital letter iota als Trennzeichen, und nicht '|'?

                            Weil das anscheinend ein anderes Zeichen ist.

                            Ja, das eine ist ein Buchstabe, das andere ein Trennzeichen. Welches willst du? ;-)

                            Und ich finde das kurze Trennzeichen schöner.

                            CSS!!!11einself

                            foo <span class="trennzeichen">|</span> bar

                            .trennzeichen {  
                              font-size: 0.8em;  
                              padding: 1em;  
                              position: relative;  
                              top: -0.2em;  
                            }
                            

                            Und schon bist du auch die '&nbsp;&nbsp;' los.

                            (Die Klasse kannst du auch gerne 'trenner' nennen, da du die anderweitig ja nicht mehr brauchst. ;-))

                            Noch schickeres Markup wäre natürlich foo <hr /> bar (dass 'h' für 'horizontal' steht, soll nicht stören; in XHTML 2 heißt das Ding dann 'separator').

                            hr {  
                              display: inline;  
                              border: 0 none;  
                              margin: 0;  
                            }  
                            hr::before {  
                              content: "\A0 \A0 |\A0 \A0";  
                            }
                            

                            Aber zum einen kennt IE das Pseudoelement '::before' nicht, zum anderen macht auch Firefox trotz 'display: inline' einen Zeilenumbruch – aus mir noch unergründlichen Gründen. Ein Bug?

                            See ya up the road,
                            Gunnar

                            --
                            “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                            1. Hallo

                              Nochmal genauer hingeschaut: Nein, was du eigentlich willst, ist eine verschachtelte Liste: ...

                              Hat dann aber den Nachteil, dass ich mit diesem kleinen
                              vertikalen Balken (links bei den aktiven Navigatiuons-Links),
                              den ich ja mir border realisiert habe,
                              nicht mehr an den ganz äusseren linken Rang gelange.
                              Verstehst Du, was ich meine?

                              Ja, das eine ist ein Buchstabe, das andere ein Trennzeichen. Welches willst du? ;-)

                              Naja, ich finde das kürzere schöner.
                              Das ist dann wohl der Buchstabe.

                              foo <span class="trennzeichen">|</span> bar

                              .trennzeichen {

                              font-size: 0.8em;
                                padding: 1em;
                                position: relative;
                                top: -0.2em;
                              }

                                
                              Ich habe das gerade eben mal ausprobiert.  
                              Aber dieser etwas dickere Buchstabe gefällt mir doch ein  
                              bisschen besser, als dieses doch sehr dünne Trennzeichen.  
                                
                                
                              
                              > Noch schickeres Markup wäre natürlich ...  
                              > ... Aber zum einen kennt IE das Pseudoelement '::before' nicht, zum anderen macht auch Firefox trotz 'display: inline' einen Zeilenumbruch – aus mir noch unergründlichen Gründen. Ein Bug?  
                                
                              Und deswegen kommts leider auch nicht in Frage ;-)  
                                
                              Gruß  
                              Ingo
                              
                              1. Hello out there!

                                Hat dann aber den Nachteil, dass ich mit diesem kleinen
                                vertikalen Balken (links bei den aktiven Navigatiuons-Links),
                                den ich ja mir border realisiert habe,
                                nicht mehr an den ganz äusseren linken Rang gelange.

                                Glaub ich nicht.

                                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
                                <html xmlns="http://www.w3.org/1999/xhtml">  
                                  <head>  
                                    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
                                    <title>TEST</title>  
                                    <style type="text/css">  
                                [code lang=css]      #navigation {  
                                        list-style-type: none;  
                                        margin: 0 0 0 10px;  
                                        padding: 0;  
                                      }  
                                      #navigation ul {  
                                        list-style-type: none;  
                                        margin: 0;  
                                        padding: 0;  
                                      }  
                                      li {  
                                        font-weight: bold;  
                                        margin: 0;  
                                        padding: 0 0 0 10px;  
                                      }  
                                      #navigation ul li {  
                                        border-left: 5px solid white;  
                                        font-weight: normal;  
                                        margin-left: -15px;  
                                      }  
                                      #navigation ul li#bar {  
                                        border-left: 5px solid red;  
                                      }
                                

                                </style>
                                  </head>
                                  <body>
                                    <ul id="navigation">
                                      <li>foo
                                        <ul>
                                          <li id="bar">bar</li>
                                          <li>baz</li>
                                        </ul>
                                      </li>
                                    </ul>
                                  </body>
                                </html>[/code]

                                Was schwierig werden könnte, sind die Unterstrichungen der Kategorien, da IEs
                                      #navigation ul li:first-child {
                                        border-top: 1px solid black;
                                      }[/code]
                                nicht verstehen.

                                Ja, das eine ist ein Buchstabe, das andere ein Trennzeichen. Welches willst du? ;-)

                                Naja, ich finde das kürzere schöner.
                                Das ist dann wohl der Buchstabe.

                                Du willst der Optik wegen auf vernünftigen[tm] Quelltext verzichten? Hast du einen Rückfall? ;-)

                                Warum missbrauchst du dann eigentlich das griechische Iota und nicht das lateinische I?

                                .trennzeichen {

                                font-size: 0.8em;
                                  padding: 1em;
                                  position: relative;
                                  top: -0.2em;
                                }

                                
                                >   
                                > Ich habe das gerade eben mal ausprobiert.  
                                > Aber dieser etwas dickere Buchstabe gefällt mir doch ein  
                                > bisschen besser, als dieses doch sehr dünne Trennzeichen.  
                                  
                                Was hindert dich, dazu noch '`font-weight: bold`{:.language-css}' anzugeben?  
                                  
                                See ya up the road,  
                                Gunnar
                                
                                -- 
                                “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                                
                                1. Lieber Gunnar

                                  Glaub ich nicht ...

                                  Ich komme so auf die Schnelle damit erstmal nicht klar,
                                  dieses konkret auf mein Seite umzusetzen.
                                  Ich werde mich da aber nochmal ranmachen,
                                  wenn ich wieder etwas ausgeschafener bin ;-)

                                  Was schwierig werden könnte, sind die Unterstrichungen der Kategorien, da IEs
                                        #navigation ul li:first-child {
                                          border-top: 1px solid black;
                                        }[/code]
                                  nicht verstehen.

                                  Ui, das ist aber sehr schade.
                                  Auf diese Unterstreichnungen will ich nicht verzichten.

                                  Du willst der Optik wegen auf vernünftigen[tm] Quelltext verzichten? Hast du einen Rückfall? ;-)

                                  Ich habe nun gerade nochmal mit dem Trennstrich experimentiert
                                  (auch mit 'font-weight: bold').
                                  Aber bei verschiedenen Schriftgroßen verhält er sich dann
                                  immer ein kleins bisschen anders.
                                  Mal richtig in der Höhe, mal etwas zu hoch usw.
                                  OK, ich gebe zu, das ist nun arg pedantisch und pingelig.
                                  aber dieser Buchstabe anstelle des Trennzeichens verhält sich da besser.
                                  Und ausserdem brauche ich dieses Trennzeichen-I einmal innerhalb
                                  eines document.write() und da ist das span-Element nicht erlaubt.
                                  Somit werde ich mir diese klitzekleine Code-Schlamperei dann verzeichen, denke ich.

                                  Warum missbrauchst du dann eigentlich das griechische Iota und nicht das lateinische I?

                                  Keine Ahnung ;-) (gute Frage).
                                  Werde ich also das lateinische I nehmen, Recht hast Du.

                                  Gruß
                                  Ingo

                                  1. Hello out there!

                                    Ich habe nun gerade nochmal mit dem Trennstrich experimentiert
                                    (auch mit 'font-weight: bold').
                                    Aber bei verschiedenen Schriftgroßen verhält er sich dann
                                    immer ein kleins bisschen anders.
                                    Mal richtig in der Höhe, mal etwas zu hoch usw.

                                    Auch mal andere Schriftarten probiert ...?

                                    OK, ich gebe zu, das ist nun arg pedantisch und pingelig.

                                    Ich auch, aber nicht in Bezug auf tausendprozentige optische FX, sondern in Bezug auf den Quelltext. ;-)

                                    Und ausserdem brauche ich dieses Trennzeichen-I einmal innerhalb
                                    eines document.write() und da ist das span-Element nicht erlaubt.

                                    Aber sicher isses das. Der Scriptbereich sollte allerdings vom Typ CDATA sein [SELFHTML]:

                                    <script type="text/javascript">  
                                    [code lang=javascript]//[code lang=xml]<![CDATA[  
                                    [code lang=javascript]  document.write("foo <span>bar</span> baz");  
                                    //
                                    ~~~]]>[/code][/code]  
                                    </script>[/code]  
                                      
                                      
                                    
                                    > Werde ich also das lateinische I nehmen, Recht hast Du.  
                                      
                                    Äh, ich sagte nicht „das lateinische I nehmen“, sondern das '|'.  
                                      
                                    Was sagt eigentlich ein Screenreader zu 'I' oder Iota als „Trennzeichen“?  
                                      
                                    See ya up the road,  
                                    Gunnar
                                    
                                    -- 
                                    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                                    
                                    1. Tach

                                      Auch mal andere Schriftarten probiert ...?

                                      Nö, aber das I als sanserif tuts doch gut.
                                      Auch, wenns kein wirklich echtes Trennzeichen ist.

                                      Ich auch, aber nicht in Bezug auf tausendprozentige optische FX, sondern in Bezug auf den Quelltext. ;-)

                                      OK, kann ich verstehen.
                                      Aber bei solchen kleinen Schummeleien habe ich dann halt andere Prioritäten.
                                      Da meine Seite halt ein Shop ist und ich das Geld anderer Leute haben will,
                                      kommts mir mehr auf Optik an :)
                                      Ansonsten ist mein Code doch schon ganz gut, denke ich.
                                      Wenn Du das mal mit meiner alten Seite vergleichst.
                                      Obwohl es dem Kunden wohl nun wirklich vollkommen egal sein wird,
                                      was da für ein Trennstrich ist ;-))
                                      ... Fortsetzung siehe unten ...

                                      Aber sicher isses das. Der Scriptbereich sollte allerdings vom Typ CDATA sein ...

                                      Ahhh, man lernst ja nie aus :)

                                      Was sagt eigentlich ein Screenreader zu 'I' oder Iota als „Trennzeichen“?

                                      So Alter nun habbichs aber :)
                                      Nun müsste endlich alles ein, wies sein soll.
                                      Trennzeichen ist ein Trennzeichen.
                                      Keine maskierten Leerzeichen mehr.
                                      Valide isses und funxen tuits auch.

                                      Hier nochma der ganze Code(-Berg):
                                      <li class="bildschirmschoner"><a href="http://spaceart.de/_Test2/cgi-bin/click/download.cgi?action=count&amp;url=http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe">Bildschirmschoner 16</a><br />(04.2006<span class="trennzeichen">|</span>3,51 MB<script type="text/javascript">/* <![CDATA[ */document.write('<span class="trennzeichen">|</span>bisher ');/* ]]> */</script><script type="text/javascript" src="http://spaceart.de/_Test2/cgi-bin/click/download.cgi?action=anzeige&amp;url=http://spaceart.de/_Test2/bildschirmschoner/SPACEart-Bildschirm-Schoner-16.exe&amp;js=1"></script><script type="text/javascript"> document.write(' Downloads');</script>)</li>

                                      Gruß
                                      Ingo

                                    2. Tach Gunnar

                                      Ich habe inzwischen sogar ganz auf Javascript verzichtet,
                                      und die Anzeige Seerverseitig geregelt.

                                      Und dann habe ich auch den Trennstrich mit einem | gemacht
                                      und die Abstände dazu per CSS.

                                      Hier der Link: http://spaceart.de/_Test2/bildschirmschoner.shtml

                                      Somit bin ich hoffentlich vom Vorwurf des Rückfalls befreit ;-)
                                      Sach an.

                                      Gruß
                                      Ingo

                                      1. Hello out there!

                                        Ich habe inzwischen sogar ganz auf Javascript verzichtet,
                                        und die Anzeige Seerverseitig geregelt.

                                        Sag ich doch. ;-)

                                        Und dann habe ich auch den Trennstrich mit einem | gemacht
                                        und die Abstände dazu per CSS.

                                        Wegen mir hätteste das nicht machen brauchen ... ;-)

                                        Sieht gut aus. Ich würd allerdings links und rechts von dem '|' ein Leerzeichen lassen. Ich mein einrichtiges im HTML-Quelltext: ' | '. Sieht besser aus, wenn man sich das ohne dein Stylesheet ansieht. Dann musste sicher das padding(? – hab jetzt nicht nochmal in dein CSS gekuckt) etwas verringern.

                                        Somit bin ich hoffentlich vom Vorwurf des Rückfalls befreit ;-)
                                        Sach an.

                                        An.

                                        See ya up the road,
                                        Gunnar

                                        --
                                        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                                        1. Hoi

                                          Sag ich doch. ;-)

                                          Ja, ich ja nun auch.

                                          Wegen mir hätteste das nicht machen brauchen ... ;-)

                                          Doch doch. Durch Euch habe ich mich ja schon des
                                          öfteren auf den Pfad der Tugend bringen lassen.
                                          So lernt man ja auch immer wieder was neues dazu
                                          und belibt Fit in der Birne :)

                                          Sieht gut aus. Ich würd allerdings links und rechts von dem '|' ein Leerzeichen lassen. Ich mein einrichtiges im HTML-Quelltext: ' | '. Sieht besser aus, wenn man sich das ohne dein Stylesheet ansieht. Dann musste sicher das padding(? – hab jetzt nicht nochmal in dein CSS gekuckt) etwas verringern.

                                          Schon erledigt.

                                          An.

                                          Und Aus.

                                          Gruß
                                          Ingo