php in javas. übersetzten.

[butterbrot]

Hi, bräuchte mal hilfe von einem von euch der js beherscht. Was ich will schreib ich einfach als php, am leichtesten zu verstehn. Hab leider null paln von js.

Java script
---------------------

$width = 875;    // Ihrgend eine zah von 0 bis....
$x_screen = 800; // Die auflösung des Users (800x600)
$scope = 50;     // Einfacher Spielraum für den rand

if( $width>=($x_screen-$scope) ) {
   $width="100%";
}

html:
---------------------

<table width=$width>
 <tr>
...

Hoff einer kann mir helfen, danke

[fastix®]

Moin!

<script type="text/javascript">
<!--

function setWidth() {
  width = 875;    // Ihrgend eine zah von 0 bis....
  x_screen = 800; // Die auflösung des Users (800x600)
  scope = 50;     // Einfacher Spielraum für den rand
  if( $width>=(x_screen-scope) ) {
     document.getElementById('theTable').style.width="100%";
  }
}

//-->
<script>

html:
 ---------------------
<table id="theTable">

Hoffe, dies hilft...

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[fastix®]

Moin!

UPS! Da fehlt der Eventhandler.

->
    <table id="theTable" onload="setWidth()">

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[MudGuard]

Hi,

<table id="theTable" onload="setWidth()">

Daß table kein unload-Attribut hat, ist Dir bekannt? Ab in den body damit...

cu,
Andreas

[fastix®]

Moin!

Schon längst passiert: [pref:t=60261&m=338946]

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[butterbrot]

<script type="text/javascript">
<!--

function setWidth() {
  width = 875;    // Ihrgend eine zah von 0 bis....
  x_screen = 800; // Die auflösung des Users (800x600)
  scope = 50;     // Einfacher Spielraum für den rand
  if( width>=(x_screen-scope) ) {
     document.getElementById('theTable').style.width="100%";
  }
}

//-->
<script>

html:
 ---------------------
<table id="theTable">

Danke dir, aber stimmt net fast, bei "x_screen = 800" muss die 800 aus der bildschirm auflösung vom user ausgelesen werden. Aber ansosnten stimmts :D

[butterbrot]

<script type="text/javascript">
<!--

function setWidth() {
   width = 875;    // Ihrgend eine zah von 0 bis....
   x_screen = screen.width; // Die auflösung des Users (800x600)
   scope = 50;     // Einfacher Spielraum für den rand
   if( width>=(x_screen-scope) ) {
      document.getElementById('theTable').style.width="100%";
   }
 }

//-->
<script>

html:
---------------------
<table id="theTable">

-----

ok habs, danke dir nochmal, hat mir sehr geholfen :D

[fastix®]

Moin!

x_screen = screen.width; // Die auflösung des Users (800x600)

UPS! Das ist die Bildschirmgröße in px. Nicht die dessen, was Dich interessiert: die des Fensters. Siehe meine Lösung.

Problem: der IE. Lösung:

x_screen = window.innerWidth;
// Mozilla kann das... der IE nicht.  //

if (! x_screen) {
   // Der IE hat eine eigene Lösung, die angewendet wird, wenn x_screen "undefined" ist: //
   x_screen = document.body.offsetWidth;
}

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[fastix®]

Moin!
http://selfhtml.teamone.de/javascript/objekte/window.htm#inner_width

x_screen = window.innerWidth;

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[Butterbrot]

<script type="text/javascript">
<!--

function setWidth() {
  width = ?width?;    // Ihrgend eine zah von 0 bis....
  scope = 10;      // Einfacher Spielraum für den rand
  if( width>=(window.innerWidth-scope) ) {
     document.getElementById('theTable').style.width="100%";
  } else {
     document.getElementById('theTable').style.width=width;
  }

}

//-->
</script>

ok, es scheint alle zu stimmen, aber ich komm net an mein erwünchtes ergebnis. Hab ich was übersehen?

[fastix®]

Moin!

ok, es scheint alle zu stimmen, aber ich komm net an mein erwünchtes ergebnis. Hab ich was übersehen?

Jepp! Meine andere Antwort behandelt die Probleme, die der IE verursacht...

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[butterbrot]

lol, wir müssen irgendwie veruschen am gleichem strang zu bleiben :)

[fastix®]

Moin!

lol, wir müssen irgendwie veruschen am gleichem strang zu bleiben :)

Poste mal das Ergebnis der bisherigen Bemühungen, falls es noch nicht funzt.

Ich korrigiere es dann komplett durch.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[butterbrot]

ok hier ist alles, es geht nicht einmal die alert box :?

<html>
<head>
<title>Hifi Dillinger</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../hifi.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript">
<!--

function setWidth() {
  width = 564;    // Ihrgend eine zah von 0 bis....
  scope = 10;      // Einfacher Spielraum für den rand
  x_screen = window.innerWidth;
  if (!x_screen) {
    x_screen = document.body.offsetWidth;
  }
  if( width>=(x_screen-scope) ) {
     document.getElementById('theTable').style.width="100%";
  } else {
     document.getElementById('theTable').style.width=width + "px";
  }
  alert(width + "px");

}

//-->
</script>
<style type="text/css">
<!--
A {text-decoration: underline;}
-->
</style>
</head>
<body bgcolor="#F0F0F0" link="#000000" vlink="#000000" alink="#000000">
<div id="info" style="fixed:absolute; left:0px; top:0px; width:100%; height:100%; overflow: auto;">
  <table width="100%" height="180" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><table class="text" id="theTable" onload="setWidth()" border="0" cellpadding="2" cellspacing="0" >
          <tr>
            <td valign="top">In dieser Rubrik finden Sie einige unserer Dienstleistungen, von denen Sie als Kunde besonders profitieren können. <br />
<br />
In einer Zeit, in der scheinbar die Meisten nur noch auf den Preis schauen, erscheint uns die Herausstellung unserer Serviceangebote besonders wichtig: Es leuchtet unmittelbar ein, daß ein Anbieter, der immer nur billig anbietet, dieses auf Kosten von irgendetwas tun muss. Entweder leidet die Qualität des Produkts oder aber der Service. <br />
<br />
Im Umkehrschluss gilt: Guter Service hat seinen Preis... allerdings kann er Ihnen viel Zeit, Ärger und sogar Geld ersparen! Warum? Studieren Sie doch einfach unsere vielfältigen Möglichkeiten der Hilfestellung - vor und nach Ihrem Kauf.</td>
          </tr>
        </table></td>
    </tr>
  </table>
  <br>
</div>

</body>
</html>

[fastix®]

Moin!

ok hier ist alles, es geht nicht einmal die alert box :?

Ja. Mein Fehler. Setze das onload in den body- Tag.

also nicht:
<table ... onload="setWidth()">

sondern: <body ... onload="setWidth()">

Noch etwas: Dein HTML ist fürchterlich transitional...  Warum arbeitest Du nicht valide und machst alle Formatierungen mit CSS?

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[butterbrot]

jiippyy es geht ich danke dir vielmals.

Ja was den htm code angeht, die seite ist noch in entwicklungsphase.
Wenn dann alles fertig ist, geh ich trüber und mach die feinheiten mit w3 und den ganzen sachen.

Danke dir nochmals!

[butterbrot]

function setWidth() {
  width = ?width?;    // Ihrgend eine zah von 0 bis....
  scope = 10;      // Einfacher Spielraum für den rand
  x_screen = window.innerWidth;
  if (!x_screen) {
    x_screen = document.body.offsetWidth;
  }
  if( width>=(x_screen-scope) ) {
     document.getElementById('theTable').style.width="100%";
  } else {
     document.getElementById('theTable').style.width=width;
  }
}

<table class="text" id="theTable" onload="setWidth()" border="0" cellpadding="2" cellspacing="0" >

so irgend was geht da net.
wie ist den die echo funktion in java script?

[fastix®]

Moin!

wie ist den die echo funktion in java script?

Kann es nicht geben.

Nimm

alert("Viel Text");
oder:
alert(variable);

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[fastix®]

Moin!

Hab ich was übersehen?

Noch was:

document.getElementById('theTable').style.width=width; Das geht so nicht.

Du kannst keine Zahl übergeben, dies erfordert eine Maßangabe:

document.getElementById('theTable').style.width=width + "px";

Beachte die '"' um das px.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®