Button ausrichten per Pixelangabe

woercel

Hi,
Kann ich Buttons eigentlich auch mit angabe von Pixeln ausrichten??? Und wenn ja wie geht das?
Grüße
Woercel

admin

Verstehe ich jetzt nicht ganz um was es hier geht
Erkläre es mal etwas genauer was du machen willst

Modula

hm, via CSS kannst du eigentlich alles absolut, relativ, statisch und fest positionieren - meinst du so?

woercel

also ich rufe ein popup fenster auf auf dem dann bild, artnr, preis und name des artikels ausgegeben werden sollen.
der aufruf sieht so aus:

Code

pop.Artikel_schreiben(ArtBezeichnung,ArtMenge,ArtArtNr,ArtAbbildung,ArtEinheit,ArtPreis);

und dann wird es eben im popup fenster ausgegeben der ursprüngliche code sieht folgendermaßen aus:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
 <head>
  <title>Warenkorb</title>
  <script type="text/javascript">
   function Artikel_schreiben(ArtBezeichnung,ArtMenge,ArtArtNr,ArtAbbildung,ArtEinheit,ArtPreis)
   {
    document.writeln('<table style="position: absolute; left: 0px; top: 0px;" border="0" cellspacing="0" cellpadding="0" width="300px%" height="250px">');
    document.writeln(' <tr>');
    document.writeln('  <td bgcolor="#ffe600" align="left" valign="top" colspan="3" width="300px" height="50px%">');
    document.writeln('   <img src ="messbar ueberschrift_neu9.gif" align="left" valign="top" width="295px">');
    document.writeln('   <p align="center" valign="bottom"><font face="verdana" size="1" color="#4F4F4F">Dieser Artikel wurde dem Warenkorb hinzugefügt</font></p>');
    document.writeln('  </td>');
    document.writeln(' </tr>');
    document.writeln(' <tr>');
    document.writeln('  <td align="left" valign="top" width="100px" height="100px">');
    document.writeln('   <p align="left" valign="top">[img]+ArtAbbildung+[/img]</p>');
    document.writeln('  </td>');
    document.writeln('  <td align="center" valign="top" width="200px" height="150px">');
    document.writeln('   <p align="Left"><font face="verdana" size="2" color="#4F4F4F">[b]'+ArtBezeichnung+'[/b]</font></p>');
    document.writeln('   <p align="Left"><font face="verdana" size="1" color="#4F4F4F">[b]Artikel-Nr.: '+ArtArtNr+'[/b]</font></p>');
    document.writeln('   <p align="right" valign="bottom"><font face="verdana" size="2" color"#4F4F4F">'+ArtPreis+' € Endpreis'+'</font></p>');
    document.writeln('  </td>');
    document.writeln(' </tr>');
    document.writeln('  <tr>');
    document.writeln('   <td colspan="3" width="300px" height="30px">');
    document.writeln('    <div style="float: left;" align="left" valign="top">');
    document.writeln('     <input type ="button" style="background-color:#ff9b07" name="bestellen_1" value="Zum Warenkorb" class="schaltflache" onclick="javascript:ShowDocument()">');
    document.writeln('    </div>');
    document.writeln('    <div style="float: right;" align="right" valign="top" >');
    document.writeln('     <input type ="button" style="background-color:#ffe600" name="schliessen" value="zurück zum Shop" onClick="window.close()">');
    document.writeln('    </div>');
    document.writeln('   </td>');
    document.writeln('  </tr>');
    document.writeln(' <tr>');
    document.writeln('  <td bgcolor="#ff9b07" colspan="3" width="300px" height="10px" valign="bottom">');
    document.writeln('  </td>');
    document.writeln(' </tr>');
    document.writeln('</table>');
   }
 function ShowDocument()
 {
  opener.parent.bereich06.location.href="xaranshop_11_1.htm";
  }
  </script>
 </head>
 <body>


 </body>
</html>

Alles anzeigen

doch leider hat da der aufruf der der Function ShowDocument nicht geklappt und dann dachte ich mir das ich es so lösen könnte:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
 <head>
  <title>Warenkorb</title>
  <script type="text/javascript">
   function Artikel_schreiben(ArtBezeichnung,ArtMenge,ArtArtNr,ArtAbbildung,ArtEinheit,ArtPreis)
   {
    document.writeln('<table style="position: absolute; left: 0px; top: 0px;" border="0" cellspacing="0" cellpadding="0" width="300px%" height="250px">');
    document.writeln(' <tr>');
    document.writeln('  <td bgcolor="#ffe600" align="left" valign="top" colspan="3" width="300px" height="50px%">');
    document.writeln('   <img src ="messbar ueberschrift_neu9.gif" align="left" valign="top" width="295px">');
    document.writeln('   <p align="left" valign="bottom"><font face="verdana" size="1" color="#4F4F4F">Dieser Artikel wurde dem Warenkorb hinzugefügt</font></p>');
    document.writeln('  </td>');
    document.writeln(' </tr>');
    document.writeln(' <tr>');
    document.writeln('  <td align="left" valign="top" width="100px" height="100px">');
    document.writeln('   <p align="left" valign="top">[img]+ArtAbbildung+[/img]</p>');
    document.writeln('  </td>');
    document.writeln('  <td align="center" valign="top" width="200px" height="150px">');
    document.writeln('   <p align="Left"><font face="verdana" size="2" color="#4F4F4F">[b]'+ArtBezeichnung+'[/b]</font></p>');
    document.writeln('   <p align="Left"><font face="verdana" size="1" color="#4F4F4F">[b]Artikel-Nr.: '+ArtArtNr+'[/b]</font></p>');
    document.writeln('   <p align="right" valign="bottom"><font face="verdana" size="2" color"#4F4F4F">'+ArtPreis+' € Endpreis'+'</font></p>');
    document.writeln('  </td>');
    document.writeln(' </tr>');
    document.writeln(' <tr>');
    document.writeln('  <td bgcolor="#ff9b07" colspan="3" width="300px" height="10px" valign="bottom">');
    document.writeln('  </td>');
    document.writeln(' </tr>');
    document.writeln('</table>');
   }
 function ShowDocument()
 {
  opener.parent.bereich06.location.href="xaranshop_11_1.htm";
  }
  </script>
 </head>
 <body>
  <table style="position: absolute; left: 0px; top: 0px;" border="0" cellspacing="0" cellpadding="0" width="300px%" height="250px">
   <tr>
    <td colspan="3" width="300px" height="30px">
     <div style="float: left;" align="left" valign="top">
      <input type ="button" style="background-color:#ff9b07" name="bestellen_1" value="Zum Warenkorb" class="schaltflache" onclick="javascript:ShowDocument()">
     </div>
     <div style="float: right;" align="right" valign="top" >
      <input type ="button" style="background-color:#ffe600" name="schliessen" value="zurück zum Shop" onClick="window.close()">
     </div>
    </td>
   </tr>
  </table>
 </body>
</html>

Alles anzeigen

und dann eben die position der Buttons bestimmen das sie zu sehen sind denn wenn ich den code für den button im body schreibe funktioniert es!

Modula

sorry, JavaScript ist nicht mein Ding, wenn ich versuche deinen Code zu lesen les ich immer nur "document.writeln" und bekomme schwierigkeiten weiterzulesen

woercel

document.writeln benutze ich um stinknormalen html-code in javascript wiederzugeben! der vorteil dabei ist das ich auch variablen verwenden kann!

Modula

Zitat von woercel

document.writeln benutze ich um stinknormalen html-code in javascript wiederzugeben! der vorteil dabei ist das ich auch variablen verwenden kann!

Das weiß ich wohl - leider ist JavaScript nicht so ganz meine Sprache, mir kommts immer vor wie als würde ich Latein lesen..

mit viel mühe und aufwand versteh ichs zwar...

Aber um auf dein Problem zurück zu kommen...

Meinst du das so:

Das Popup öffnet sich, legt sich also über deine eigentliche Webseite, deine buttons, die ja auf der eigenetlichen webseite sind, sollen nun soweit unten plaziert werden, dass man sie hinter dem Popup noch immer sehen kann, oder wie muss ich das sehen?

woercel

nein nein völlig falsch
das popup ist eine völlig neue seite auf der auch die buttons ausgegeben werden ich möchte nur die buttons per pixel im body des popups positionieren denn wenn ich es in die funktion schreibe und dann mit document.writeln ausgebe funktioniert der funktionsaufruf durch den button nicht

Modula

Das geht "ganz einfach" indem du in dem Popup im Body die Buttons in ein DIV packst und das DIV absolut / relativ oder sonstwie positionierst.

Wie das genau geht findest du auf http://de.selfhtml.org ausführlich erklärt.

woercel

ach des ist doch alles scheisse weiss jemand warum der funktionsaufruf nicht klappt???

Tags