[Erledigt] Problem mit dynamischer URL in Javascript Dateien

da.eXecutoR · 26.09.2010, 17:14

Hallo Leute

Ich bin nicht wirklich ein Profi was Javascript betrifft deshalb hier mal eine Frage zu dem Thema.

Ich bin an einer WebApp mit mod_rewrite URL Design und einer PHP Bootstrap Datei. Nun habe ich verschiedene Funktionen mit Ajax sowie einige UI Funktionen bei denen URLs vorkommen.

Mein Problem ist nun dass ich keine Statischen URLs in den Javascript Dateien definieren kann weil die WebApp über verschiedene Subdomains aufgerufen wird.

Mein Problem ist nun dass ich zum Beispiel folgende StatusBar implementiere:

Mein Javascript sieht dabei wie folgt aus:

Code:

function setStatusBox($typ,$msg){
    // Remove all current classes
    $('#statusBox').removeClass();
    // Add the message to the body
    $('#statusBoxMsg').html($msg);
    // Check what kind of message we got
    if($typ == "ok"){
        $('#statusBox').addClass('statusTrue');
        $('#statusBoxIcon').attr('src', 'https://web.example.com/templates/2010/images/statusBox/ok.png');
    }else{
        $('#statusBox').addClass('statusFalse');
        $('#statusBoxIcon').attr('src', 'https://web.example.com/templates/2010/images/statusBox/error.png');
    }
    // show the status bar
    $('#statusBox').css('display','block');
}

Ich muss nun das https://web.example.com irgendwie dynamisch hinkriegen. Ich kann keine relativen Pfade verwenden da das Javascript einmal unter:

https://web.example.com/projects/ oder ein ander mal unter https://web200.example.com/events ausgeführt werden kann.

Sprich ich muss irgendwie eine Lösung finden dem Javascript Code in einer *.js Datei dynamisch mitzuteilen wie der effektive Pfad zu der Bilddatei heisst.

Jemand eine Idee? Kann ich eine globale Javascript Variable setzen oder sowas?

Gruss & vielen Dank!

eXe

chrisse · 27.09.2010, 02:45

Warum verwendest du keine relativen Pfade?

Jedenfalls könntest du dir auch über document.url immer den ersten Teil der URL auslesen und vor deinen Ordnerpfad (templates/2010/images/statusBox/) hinkleben.

nikosch · 27.09.2010, 03:57

Wie wärs mit base path?

da.eXecutoR · 27.09.2010, 08:29

Moin Leute

Ja auf das <base> Tag bin ich bei der Suche auch gestossen, kenn ich so aber nicht und hab ich bislang noch nie angetroffen. Daher die Frage, ist es eine saubere Lösung?

Wie sieht es mit ReWriteBase aus? Diese Regel wird ja wohl kaum wirken wenn ich irgend in einer *.js Datei einen Ajax aufruf machen will der auf /libs/ajax/getevents.php lautet oder?

@chrisse: Du meinst ich kann mit document.url auch in einer externen *.js Datei das Serverroot extrahieren? Kann ich dies dann auf eine Variable binden auf die ich bei allen includierten .js Dateien zugriff habe? Ich möchte ja nicht bei jeder Funktion zuerst noch die URL parsen müssen.

Wie macht Ihr das mit den Pfad angaben wenn Ihr mod_rewrite einsetzt?

Seitens PHP hab ich mir einfach eine Konstante definiert:

PHP-Code:

  define("HTTP_ROOT",SERVER_PROTOCOL."://".$_SESSION["system"]["client"]["CLIENT_SUBDOMAIN_NAME"].".".SERVER_ROOT."/");

Das heisst wenn ich nun einen Link habe sieht der wie folgt aus:

PHP-Code:

  echo "<a href=\"".HTTP_ROOT."/de_CH/projekte\">Projekte</a>";

Ich habe meine WebApp so aufgebaut dass ich mit folgenden Links jeweils auf die gleiche Seite komme, bei unterschiedlichen Mandanten und sprachen:

https://kundea.example.com/de_CH/projekte/12-solutions_ag

https://kunde44.example.com/en_US/projects/12-solutions_ag

Das heisst ich habe als Basis je nach Sprache einen anderen "Root" Pfad was die Links zum navigieren betrifft. Aber beim Includen/Ansprechen von Dateien innerhalb einer externen Javascript Datei brauche ich natürlich in beiden Fällen einfach diesen Teil:

https://kundea.example.com/
https://kunde44.example.com/

Wie baut Ihr das jeweils auf? Hoffe ich konnte mich halbwegs ausdrücken so früh Montags Morgen

da.eXecutoR · 28.09.2010, 17:18

Hallo Leute

Vielen Dank für den Tipp mit dem Base-Tag.

Damit funktionierts wunderbar!

Grüsse

eXe

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Problem mit Zeile löschen Tabelle Javascript	nBassCom	JavaScript, Ajax und mehr	2	02.06.2010 14:36
[Erledigt] CSS und Javascript Dropdown Menu IE PROBLEM	unreal87	HTML, Usability und Barrierefreiheit	3	19.05.2010 19:20
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Javascript Problem mit IE	Lea	JavaScript, Ajax und mehr	7	08.12.2008 09:36
Problem mit dynamischer Bildausgabe	Charly Shop Sui	HTML, Usability und Barrierefreiheit	11	20.07.2006 22:15
Leerzeichen ersetzen Problem bei dateien	mokus	PHP Tipps 2006	20	24.05.2006 19:51
Problem beim Kopieren von Dateien	Smiley	PHP Tipps 2006	5	04.02.2006 00:11
JavaScript Problem	2wuck	HTML, Usability und Barrierefreiheit	3	02.01.2006 14:15
Problem mit Javascript: lässt sich nicht auslagern	blinkster.de	HTML, Usability und Barrierefreiheit	2	01.10.2005 15:20
Problem mit Javascript in PHP		PHP Tipps 2005-2	3	19.09.2005 00:49
[Erledigt] Problem mit Javascript		HTML, Usability und Barrierefreiheit	21	16.09.2005 19:50
JavaScript Problem IE		HTML, Usability und Barrierefreiheit	5	30.07.2005 16:50
propertie problem in javascript		HTML, Usability und Barrierefreiheit	1	07.11.2004 14:15
[Erledigt] Checkbox Problem mit JavaScript und PHP		HTML, Usability und Barrierefreiheit	3	26.10.2004 20:03
Problem beim Upload mehrerer Dateien per Script		PHP Tipps 2004	1	04.08.2004 16:26

26.09.2010, 17:14
da.eXecutoR Erfahrener Benutzer Registriert seit: 08.08.2009 Beiträge: 195 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Problem mit dynamischer URL in Javascript Dateien Hallo Leute Ich bin nicht wirklich ein Profi was Javascript betrifft deshalb hier mal eine Frage zu dem Thema. Ich bin an einer WebApp mit mod_rewrite URL Design und einer PHP Bootstrap Datei. Nun habe ich verschiedene Funktionen mit Ajax sowie einige UI Funktionen bei denen URLs vorkommen. Mein Problem ist nun dass ich keine Statischen URLs in den Javascript Dateien definieren kann weil die WebApp über verschiedene Subdomains aufgerufen wird. Mein Problem ist nun dass ich zum Beispiel folgende StatusBar implementiere: Mein Javascript sieht dabei wie folgt aus: Code: function setStatusBox($typ,$msg){ // Remove all current classes $('#statusBox').removeClass(); // Add the message to the body $('#statusBoxMsg').html($msg); // Check what kind of message we got if($typ == "ok"){ $('#statusBox').addClass('statusTrue'); $('#statusBoxIcon').attr('src', 'https://web.example.com/templates/2010/images/statusBox/ok.png'); }else{ $('#statusBox').addClass('statusFalse'); $('#statusBoxIcon').attr('src', 'https://web.example.com/templates/2010/images/statusBox/error.png'); } // show the status bar $('#statusBox').css('display','block'); } Ich muss nun das https://web.example.com irgendwie dynamisch hinkriegen. Ich kann keine relativen Pfade verwenden da das Javascript einmal unter: https://web.example.com/projects/ oder ein ander mal unter https://web200.example.com/events ausgeführt werden kann. Sprich ich muss irgendwie eine Lösung finden dem Javascript Code in einer *.js Datei dynamisch mitzuteilen wie der effektive Pfad zu der Bilddatei heisst. Jemand eine Idee? Kann ich eine globale Javascript Variable setzen oder sowas? Gruss & vielen Dank! eXe __________________ It's not a bug. It's a feature!


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

27.09.2010, 02:45
chrisse Neuer Benutzer Registriert seit: 08.09.2010 Beiträge: 17 PHP-Kenntnisse: Fortgeschritten	Warum verwendest du keine relativen Pfade? Jedenfalls könntest du dir auch über document.url immer den ersten Teil der URL auslesen und vor deinen Ordnerpfad (templates/2010/images/statusBox/) hinkleben. __________________ Programmierung und SEO Blog

27.09.2010, 03:57
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Wie wärs mit base path? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

27.09.2010, 08:29
da.eXecutoR Erfahrener Benutzer Registriert seit: 08.08.2009 Beiträge: 195 PHP-Kenntnisse: Fortgeschritten	Moin Leute Ja auf das <base> Tag bin ich bei der Suche auch gestossen, kenn ich so aber nicht und hab ich bislang noch nie angetroffen. Daher die Frage, ist es eine saubere Lösung? Wie sieht es mit ReWriteBase aus? Diese Regel wird ja wohl kaum wirken wenn ich irgend in einer .js Datei einen Ajax aufruf machen will der auf /libs/ajax/getevents.php lautet oder? @chrisse: Du meinst ich kann mit document.url auch in einer externen .js Datei das Serverroot extrahieren? Kann ich dies dann auf eine Variable binden auf die ich bei allen includierten .js Dateien zugriff habe? Ich möchte ja nicht bei jeder Funktion zuerst noch die URL parsen müssen. Wie macht Ihr das mit den Pfad angaben wenn Ihr mod_rewrite einsetzt? Seitens PHP hab ich mir einfach eine Konstante definiert: PHP-Code: `define("HTTP_ROOT",SERVER_PROTOCOL."://".$_SESSION["system"]["client"]["CLIENT_SUBDOMAIN_NAME"].".".SERVER_ROOT."/");` Das heisst wenn ich nun einen Link habe sieht der wie folgt aus: PHP-Code: `echo "<a href=\"".HTTP_ROOT."/de_CH/projekte\">Projekte</a>";` Ich habe meine WebApp so aufgebaut dass ich mit folgenden Links jeweils auf die gleiche Seite komme, bei unterschiedlichen Mandanten und sprachen: https://kundea.example.com/de_CH/projekte/12-solutions_ag https://kunde44.example.com/en_US/projects/12-solutions_ag Das heisst ich habe als Basis je nach Sprache einen anderen "Root" Pfad was die Links zum navigieren betrifft. Aber beim Includen/Ansprechen von Dateien innerhalb einer externen Javascript Datei brauche ich natürlich in beiden Fällen einfach diesen Teil: https://kundea.example.com/ https://kunde44.example.com/ Wie baut Ihr das jeweils auf? Hoffe ich konnte mich halbwegs ausdrücken so früh Montags Morgen __________________ It's not a bug. It's a feature!

28.09.2010, 17:18
da.eXecutoR Erfahrener Benutzer Registriert seit: 08.08.2009 Beiträge: 195 PHP-Kenntnisse: Fortgeschritten	Hallo Leute Vielen Dank für den Tipp mit dem Base-Tag. Damit funktionierts wunderbar! Grüsse eXe __________________ It's not a bug. It's a feature!