EpicKris Posted December 14, 2010 Share Posted December 14, 2010 I have two files that currently use PHP, but I'd like to convert it into javascript so that it can be used on non PHP sites.These are the two files:example.php <?php// Bar$youtube=""; // YouTube username$facebook=""; // Facebook username$twitter=""; // Twitter username?><!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>PHP</title></head><body> <?php include ("bar.php"); ?></body></html> bar.php <!-- CSS begin --><link rel="stylesheet" type="text/css" href="bar.css" /><!-- CSS end --><!-- Bar begin --><div id="bar"> <!-- YouTube --> <?php if (isset($youtube)) { echo "<a href=\"http://www.youtube.com/user/".$youtube."\" target=\"_blank\"><div id=\"social\" class=\"youtube\"></div></a>"; } ?> <!-- Facebook --> <?php if (isset($facebook)) { echo "<a href=\"http://www.facebook.com/".$facebook."\" target=\"_blank\"><div id=\"social\" class=\"facebook\"></div></a>"; } ?> <!-- Twitter --> <?php if (isset($twitter)) { echo "<a href=\"http://twitter.com/#!/".$twitter."\" target=\"_blank\"><div id=\"social\" class=\"twitter\"></div></a>"; } ?> <noscript> <p>Please enable JavaScript.</p> </noscript></div><!-- Bar end --> Thanks! Link to comment Share on other sites More sharing options...
RobberBaron Posted December 14, 2010 Share Posted December 14, 2010 When you say JavaScript do you mean JavaScript ASP? Link to comment Share on other sites More sharing options...
EpicKris Posted December 14, 2010 Author Share Posted December 14, 2010 When you say JavaScript do you mean JavaScript ASP?Not entirely sure, which works best in an HTML file? Link to comment Share on other sites More sharing options...
thescientist Posted December 14, 2010 Share Posted December 14, 2010 I think the OP might mean a non-server-side related solution, i.e. pure Javascript, to be run from the browser? Link to comment Share on other sites More sharing options...
EpicKris Posted December 14, 2010 Author Share Posted December 14, 2010 I think the OP might mean a non-server-side related solution, i.e. pure Javascript, to be run from the browser?That sounds about right, thanks. Link to comment Share on other sites More sharing options...
justsomeguy Posted December 14, 2010 Share Posted December 14, 2010 Which part do you need help with? You can declare variables in Javascript similarly to PHP, and you can replace the echo statements with document.write to output the links where you want them. Link to comment Share on other sites More sharing options...
EpicKris Posted December 16, 2010 Author Share Posted December 16, 2010 Which part do you need help with? You can declare variables in Javascript similarly to PHP, and you can replace the echo statements with document.write to output the links where you want them.I just need the codes to do that as I'm not very experienced with Javascript… Link to comment Share on other sites More sharing options...
justsomeguy Posted December 16, 2010 Share Posted December 16, 2010 http://www.w3schools.com/js/js_variables.aspThere are examples on the top here of writing content to the document:http://www.w3schools.com/js/js_ex_dom.asp Link to comment Share on other sites More sharing options...
EpicKris Posted December 16, 2010 Author Share Posted December 16, 2010 Okay, so I've created the variables.example.php <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>PHP</title> <!-- Javascript begin --> <script> // Plug In Studios Bar // Replace 'NULL' with '"example"' to enable the feature. var message=NULL // Message var youtube=NULL // YouTube username var facebook=NULL // Facebook username var twitter=NULL // Twitter username var rssURL=NULL // RSS URL var email=NULL // Email addrss </script> <!-- Javascript end --></head><body> <?php include ($_SERVER['DOCUMENT_ROOT']."/bar/includes/bar.php"); ?></body></html> Although how do I use a javascript include to replace <?php include ($_SERVER['DOCUMENT_ROOT']."/bar/includes/bar.php"); ?> and then use the if statements to determine if the variable exists and then include the variables. Link to comment Share on other sites More sharing options...
justsomeguy Posted December 16, 2010 Share Posted December 16, 2010 You can't really include a file with Javascript the same way you do with PHP. The closest you can get is to use an ajax request to get the contents of another Javascript file and then use eval on the contents to execute the code. You would need to make sure the request is synchronous so that it loads the file and then executes the new code in the same place on the page, so that if you have document.write statements in the loaded code they will print the text in the correct area on the page (wherever the ajax code is).If you want to do that, the Javascript file you load through ajax needs to only have Javascript code, no HTML tags. So the file would look something like this: document.write('<link rel="stylesheet" type="text/css" href="bar.css" />');document.write('<div id="bar">');if ((typeof youtube) != 'undefined' && youtube != null) { document.write("<a href=\"http://www.youtube.com/user/" + youtube + "\" target=\"_blank\"><div id=\"social\" class=\"youtube\"></div></a>");}document.write('</div>'); There's an overview of ajax communication here:http://www.w3schools.com/ajax/ajax_intro.aspThis page describes sending a request:http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.aspAs you can see from that page, to make sure the request is synchronous instead of asynchronous you need to set the third parameter to the open method to false. The method can still be get, and the URL will be the Javascript file to load. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.