CSS - baseportal Forum - Web-Anwendungen einfach, schnell, leistungsfähig!
baseportal
English - Deutsch "Es gibt keine dummen Fragen - jeder hat einmal angefangen"

 baseportal-ForumDie aktuellsten 10, 30, 50, 100 Einträge anzeigen.  

 
 Ausgewählter Eintrag: Zur Liste 
    Beitrag von daniel (83 Beiträge) am Donnerstag, 12.Juli.2001, 16:50.
    CSS

      falls sich jemand mit CSS auskennen sollte ...

      Das setzten der style werte via JS

      z.B.

      x.style.display='non' usw.

      wird zum Problem wenn ein Bindestrich enthalten ist z.B:
      x.style.background-color='#eeeeee';

      wer weiß Rat ?


    Ihre Antwort:

    Name: EMail: EMail bei Antwort? WWW:
    Titel:
    Text:

    Neuer Eintrag


 Alle Einträge zum Thema: Zur Liste 
    Beitrag von daniel (83 Beiträge) am Donnerstag, 12.Juli.2001, 16:50.
    CSS

      falls sich jemand mit CSS auskennen sollte ...

      Das setzten der style werte via JS

      z.B.

      x.style.display='non' usw.

      wird zum Problem wenn ein Bindestrich enthalten ist z.B:
      x.style.background-color='#eeeeee';

      wer weiß Rat ?

     Antworten

    Beitrag von Claus Christmeier (598 Beiträge) am Donnerstag, 12.Juli.2001, 17:43.
    Re: CSS

      Hallo Daniel,

      im "javascript.style" werden grundsätzlich alle Bindestriche weggelassen.

      Gruß
      Claus

     Antworten

    Beitrag von daniel (83 Beiträge) am Freitag, 13.Juli.2001, 09:11.
    Re: CSS

      Zumindest kommt keine Fehlermeldung mehr :-)

      <head>
      <script ...>
      
      function zoome(wen)
      {
       wen.style.backgroundcolor='#cccccc';
       wen.style.zoom="120%";
      }
      

      function zoomaus(wen)
      {
      wen.style.backgroundcolor='#eeeeee';
       wen.style.zoom="100%";
      }
      </script>
      </head>
      <body>
      
      ...
      <a id="topi" onmouseover="zoome(topi);" onmouseout="zoomaus(topi);" style="cursor: hand; background-color: #eeeeee;"">&nbsp;Hoch&nbsp;&nbsp;&nbsp;</a><br>
      ...
      </body>
      

      das setzen des style.zoom funzt;
      style.backgroundcolor wird aber anscheinend ignoriert,obwohl der Wert der direkt im a-Tag gesetzt ist 'angenommen' wird.

     Antworten

    Beitrag von Claus Christmeier (598 Beiträge) am Freitag, 13.Juli.2001, 09:55.
    Re: CSS

      Hallo Daniel,

      ich schreibe bei :

      <a id="topi" onmouseover="zoome(topi); return true;" onmouseout="zoomaus(topi); return true;" style="cursor: hand; background-color: #eeeeee;""Warum sind da zwei?>&nbsp;Hoch&nbsp;&nbsp;&nbsp;</a><br>
      

      Gruß
      Claus

     Antworten

    Beitrag von daniel (83 Beiträge) am Freitag, 13.Juli.2001, 10:02.
    Re: CSS

      Da war HomeSite wohl malwieder zu eifrig :-)
      Ändert aber am Problem nix :-(
      Hier mal der gesamte Quelltext.Das ganze soll einpopupmenu werden.


      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      <html>
      <head>
      <script language="Javascript">
      var popuptb;
      
      function auf(z)
      {
       popuptb=z;
       x=window.event.clientX;
       y=window.event.clientY;
       popup.style.left=x;
       popup.style.top=y;
       popup.style.width=80;
       popup.style.display='';
      }
      

      function zu(x)
      {
       popup.style.display='none';
       window.alert(popuptb+x);
      }
      

      function zoome(wen)
      {
       wen.style.backgroundcolor='#cccccc';
       wen.style.zoom="120%";
      }
      

      function zoomaus(wen)
      {
      wen.style.backgroundcolor='#eeeeee';
       wen.style.zoom="100%";
      }
      </script>
       <title>Unbenannt</title>
      </head>
      <body>
      <div id="popup" style="position: absolute; left: 30; top: 60; border-bottom-style: solid; border-bottom-color: Black; border-left-color: Black; border-left-style: solid; display: none; cursor: hand; background-color: #eeeeee;">
      <a id="deli" onclick="zu('l');" onmouseover="zoome(deli);" onmouseout="zoomaus(deli);" style="cursor: hand; background-color: #eeeeee;">&nbsp;Löschen&nbsp;&nbsp;</a><br>
      <a id="topi" onclick="zu('t');" onmouseover="zoome(topi);" onmouseout="zoomaus(topi);" style="cursor: hand; background-color: #eeeeee;">&nbsp;Hoch&nbsp;&nbsp;&nbsp;</a><br>
      <a id="upi" onclick="zu('u');" onmouseover="zoome(upi);" onmouseout="zoomaus(upi);" style="cursor: hand; background-color: #eeeeee;">&nbsp;Runter&nbsp;&nbsp;</a><br>
      </div>
      <a onclick="auf(1);">sdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdksdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a><br><br>
      <a onclick="auf(2);">sdjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a><br><br>
      <a onclick="auf(3);">sdgjkslfdksdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a><br><br>
      </body>
      </html>
      

     Antworten

    Beitrag von Claus Christmeier (598 Beiträge) am Freitag, 13.Juli.2001, 11:35.
    Re: CSS

      Hallo Daniel,

      soll es vielleicht so aussehen?

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      <html>
      <head>
      <script language="Javascript">
      var popuptb;
      
      function auf(z)
      {
      popuptb=z;
      
      x=window.event.clientX;
      y=window.event.clientY;
      popup.style.left=x;
      popup.style.top=y;
      popup.style.width=80;
      popup.style.display='';
      }
      

      function zu(x)
      {
      popup.style.display='none';
      window.alert(popuptb+x);
      }
      

      function zoome(wen)
      {
      wen.style.backgroundColor='#cccccc';
      
      //wen.style.zoom="120%";
      wen.style.fontSize="24pt";
      }
      

      function zoomaus(wen)
      {
      wen.style.backgroundColor='#eeeeee';
      
      //wen.style.zoom="100%";
      wen.style.fontSize="12pt";
      }
      </script>
      <title>Unbenannt</title>
      </head>
      <body>
      <div id="popup" style="position: absolute; left: 30; top: 60; border-bottom-style: solid; border-bottom-color: Black; border-left-color: Black; border-left-style: solid; display: none; cursor: hand; background-color: #eeeeee;">
      <a href="/" id="deli" onclick="zu('l'); return false;" onmouseover="zoome(this); return false;" onmouseout="zoomaus(deli); return false;" style="cursor: hand; background-color: #eeeeee;">&nbsp;Löschen&nbsp;&nbsp;</a>
      

      <a href="/" id="topi" onclick="zu('t'); return false;" onmouseover="zoome(this); return true;" onmouseout="zoomaus(topi); return true;" style="cursor: hand; background-color: #eeeeee;">&nbsp;Hoch&nbsp;&nbsp;&nbsp;</a>

      <a href="/" id="upi" onclick="zu('u'); return false;;" onmouseover="zoome(this); return true;" onmouseout="zoomaus(upi); return true;" style="cursor: hand; background-color: #eeeeee;">&nbsp;Runter&nbsp;&nbsp;</a>
      

      </div>
      <a href="/" onclick="auf(1); return false;">sdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdksdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a>
      <a href="/" onclick="auf(2); return false;">sdjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a>
      <a href="/" onclick="auf(3); return false;">sdgjkslfdksdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a>
      </body>
      </html>
      

      Gruß
      Claus

     Antworten

    Beitrag von daniel (83 Beiträge) am Freitag, 13.Juli.2001, 11:55.
    Re: CSS

      Danke Claus !

      genial !

      der Fehler scheinen die fehlenden returns gewesen zu sein ! ?

      was bewirken die eigentlich ?
      ist das sowas wie ein default-Rückgabewert ?

     Antworten

    Beitrag von Claus Christmeier (598 Beiträge) am Freitag, 13.Juli.2001, 12:19.
    Re: CSS

      Hallo Daniel,

      nicht nur die "returns" sondern auch die fehlenden 'href="/"' im <a>-Tag.

      Das "onClick" z.B., ist wie ein Unterprogrammaufruf und diesem Fall MUSS das "Unterprogramm" eben mit "false" beendet werden, da er sonst den Befehl, der bei "href" steht, ausführen würde.

      Alles klar?

      Gruß
      Claus

     Antworten

    Beitrag von daniel (83 Beiträge) am Freitag, 13.Juli.2001, 12:39.
    Re: CSS

      mmmmhhh.....

      die href="/" musste ich rausnehmen,
      funktionieren tuts aber trotzdem.
      Auch OHNE returns hab ichs getestet.funzt auch.
      Der Bug schein wirklich nur das C in bachground c olor gewesen zu sein.
      Kann aber auch an unterschiedlichen Browsern liegen(das mit den returns und hrefs meine ich) ohne NETSCAPE zu nahe treten zu wollen ist der IE da ja um einiges tolleranter.

      Im Übrigen das einzige MS-Produkt von dem man sowas sagen kann :-)

      Das Prinzip (return false) hab' ich verstanden

      Danke !

     Antworten


     
 Liste der Einträge von 59700 bis 59850:Einklappen Zur Eingabe 
Neueste Einträge << 10 | 9 | 8 | 7 | 6 | 5 | 4 | 3 | 2 | Neuere Einträge < Zur Eingabe  > Ältere Einträge | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 >> Älteste Einträge


Zurück zur Homepage

© baseportal.de. Alle Rechte vorbehalten. Nutzungsbedingungen



powered in 0.13s by baseportal.de
Erstellen Sie Ihre eigene Web-Datenbank - kostenlos!