Fenster füllen aber wie?

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

1

Sonntag, 8. Mai 2011, 09:25

Hallo ich habe hier folgenden Code in einer externen .js Datei:

Javascript-Quelltext

// Willkommensnachricht
function welcome() {         
win = new Window({	className: "mac_os_x", 
					title: "Willkommen",
					height: 200,
					width: 300
					});

win.getContent().update("<div>Hello world du bist der hit des tages oh lkjasdf der hit !!</div>");
win.showCenter();

}

Dieser wird dann im head Bereich der index.php eingebunden und ein Fenster erzeugt mit dem Titel, dem Fenster Style Mac Os und Höhe und Breite sowie bei update den Text der das Fenster enthalten soll.

Jetzt die Frage, wie geht man am besten vor, wenn man jetzt den Titel, die Höhe, die Breite und den Text aus einer Mysql Datenbank auslesen lassen will und in besagtem Fenster wieder ausgeben will?

Wie bekomme ich die Daten aus der Datenbank in diese exteren JS Script?
Oder ist das sogar der falsche Denkansatz und es funktioniert ganz anders?

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

KevinHu

Routinier

Dabei seit: 05.09.2010

Beiträge: 265

2

Sonntag, 8. Mai 2011, 16:11

Hey,
mach doch einfach eine .php Datei draus..

PHP-Quelltext

//sql abfragen
mysql_query("SELECT blablalba.. usw.");

echo '
function welcome() { 
        win = new Window({
   className: "mac_os_x", 
   title: "'.$sql_titel.'", 
   height: '.$sql_height.', 
   width: '.$sql_width.' 
}); 
win.getContent().update("<div>'.$sql_content.'</div>"); 
win.showCenter();  
}
';

Und einbinden:

	HTML
1	<script type="text/javascript" src="javascript.php"></script>

Also sowas in der Art.
Also bei css geht das auf jeden Fall, warum sollte es nicht bei javascript funktionieren ?

Edit:
Es gibt noch eine Möglichkeit.
Übergebe der Funktion welcome(); einfach ein paar Variablem mit

	HTML
1	<body onload='javascript:welcome("600", "300", "bla", "blubber");'>

Javascript-Quelltext

function welcome(width, height, title, content) { 
win = new Window({
className: "mac_os_x", 
   title: title, 
   height: height, 
   width: width
}); 
win.getContent().update("<div>" + content + "</div>"); 
win.showCenter();  
}

Grüße
Kevin

TDC
T-Minecraft
Youtube

Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von »KevinHu« (8. Mai 2011, 16:11)

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

3

Sonntag, 8. Mai 2011, 18:02

Ich hab jetzt die Datei in .php umbenannt. Bis hierhin wird es auch noch ausgegeben, ohne echo. Wenn ich jetzt was includen will funzt schon wieder nicht mehr...

<?php include(admin/variablen.php); ?>

function welcome() {
win = new Window({ className: "mac_os_x",
title: "Willkommen",
height: 500,
width: 500
});

win.getContent().update("<div>Hello world du bist der hit des tages oh lkjasdf der hit !!</div>");
win.showCenter();
}

Dein Beispiel mit dem body onload ist glaub ich nichts für mich weil ich noch mehr sachen an die index übergeben muss als nicht nur diese Variablen...

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Josephine« (8. Mai 2011, 18:02)

jperl

Super Moderator

Dabei seit: 09.04.2003

Beiträge: 3 453

4

Sonntag, 8. Mai 2011, 18:04

wie wäre es wenn du quotes für den string verwenden würdest

	PHP-Quelltext
1	<?php include('admin/variablen.php'); ?>

jperl

Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

5

Sonntag, 8. Mai 2011, 18:12

omg

ja du hast Recht, aber es geht auch nicht mit

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

KevinHu

Routinier

Dabei seit: 05.09.2010

Beiträge: 265

6

Sonntag, 8. Mai 2011, 18:46

Welche Dateien hast du denn jetzt genau ?
Schreib mal bitte die Dateien mit Inhalt rein, die mit im unmittelbarem Zusammenhang stehen. Man braucht erstmal einen Überblick.

TDC
T-Minecraft
Youtube

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

7

Sonntag, 8. Mai 2011, 19:59

Ja, ich kann grad kein Code in den Beitrag hier einfügen, bin mit dem Mac online und mit Safari online. Keine Ahnung warum das net geht

Ich schau mal ob ich den Firefox für Mac bekomme...

Edit: Hab Firefox installiert da wird wieder alles angezeigt

Muss man mal den Support sagen das mit dem Safarie die Optionen nicht angezeigt werden...

Edit2:

So geht es, was jetzt nicht funktioniert ist die übergabe von den Variablen der Variablen.php in die os.php. Wenn ich hier ein include reinmache funzt es schon wieder nicht mehr

	PHP-Quelltext
1 2 3 4 5 6 7 8	var a = "<?php $a=600; echo $a; ?>"; function welcome() { win = new Window({ className: "mac_os_x", title: "Willkommen", height: 100, width: a });

Hier die index.php in dem ich die variablen.php include

PHP-Quelltext

<?php include('admin/variablen.php'); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

  <link href="themes/window/default.css"     rel="stylesheet" type="text/css"/>    
  <link href="themes/window/lighting.css"     rel="stylesheet" type="text/css"/>
  <link href="themes/window/mac_os_x.css"     rel="stylesheet" type="text/css"/>
  <link href="themes/os/pwc-os.css"         rel="stylesheet" type="text/css"/>
  

  <script type="text/javascript" src="js/prototype.js"> </script>
  <script type="text/javascript" src="js/effects.js"> </script>
  <script type="text/javascript" src="js/window.js"> </script>
  <script type="text/javascript" src="js/window_effects.js"> </script>
  <script type="text/javascript" src="js/debug.js"> </script>
  <script type="text/javascript" src="js/os.php"> </script>
    <title>VVoLv3r!n3 OS</title>
    
</head>

<body>
<div id="dock">
    <div id="start">START</div> 
      <div id="clock"><?php echo date("d.m.Y",time()); ?></div>
      <div          
</div>          


</body>
</html>

variablen.php

	PHP-Quelltext
1 2	$welcome_height = 500; $welcome_width = 500;

os.php

PHP-Quelltext

// Overide WindowUtilities getPageSize to remove dock height (for maximized windows)
WindowUtilities._oldGetPageSize = WindowUtilities.getPageSize;
WindowUtilities.getPageSize = function() {
  var size = WindowUtilities._oldGetPageSize();
  var dockHeight = $('dock').getHeight();
  
  size.pageHeight -= dockHeight;
  size.windowHeight -= dockHeight;
  return size;
};    


// Overide Windows minimize to move window inside dock  
Object.extend(Windows, {
  // Overide minimize function
  minimize: function(id, event) {
    var win = this.getWindow(id)
    if (win && win.visible) {
      // Hide current window
      win.hide();            
    
      // Create a dock element
      var element = document.createElement("span");
      element.className = "dock_icon"; 
      element.style.display = "none";
      element.win = win;
      $('dock').appendChild(element);
      Event.observe(element, "mouseup", Windows.restore);
      $(element).update(win.getTitle());
    
      new Effect.Appear(element)
    }
    Event.stop(event);
  },                 
  
  // Restore function
  restore: function(event) { 
    var element = Event.element(event);
    // Show window
    element.win.show();
    //Windows.focus(element.win.getId());                    
    element.win.toFront();
    // Fade and destroy icon
    new Effect.Fade(element, {afterFinish: function() {element.remove()}})
  }
})

// blur focused window if click on document
Event.observe(document, "click", function(event) {   
  var e = Event.element(event);
  var win = e.up(".dialog");
  var dock = e == $('dock') || e.up("#dock"); 
  if (!win && !dock && Windows.focusedWindow) {
    Windows.blur(Windows.focusedWindow.getId());                    
  }
})               

var height = "<?php echo $welcome_height; ?>";
var width = "<?php echo $welcome_width; ?>";

function welcome() {         
win = new Window({    className: "mac_os_x", 
                    title: "Willkommen",
                    height:    + height +,
                    width: + width +
                    });

win.getContent().update("<div>Hello world du bist der hit des tages oh lkjasdf der hit !!</div>");
win.showCenter();
}

Event.observe(window, "load", welcome)

Das ist zurzeit mein Satus der Versuche aber funzt immer noch nicht

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Josephine« (8. Mai 2011, 19:59)