jamie_2008
asked on
php javascript widgets
hi guys ,
i want to create the widgets like on this page
http://affiliate.workcircle.com/login
please click on that page and look at that 4 types of widgets .
add to my blogger , typepad,snipperoo
html widgets for my website
please guide me how to do that ?
i want to create the widgets like on this page
http://affiliate.workcircle.com/login
please click on that page and look at that 4 types of widgets .
add to my blogger , typepad,snipperoo
html widgets for my website
please guide me how to do that ?
You are better off contacting support at workcircle.com since most likely you need to create an account with them so you get paid. Following the links on that site (without registering) do not seem to give you anything to install on your server.
ASKER
no , i dont .. i wanna know .. how to create the widgets ..
i m not concerned with the affiliate system ..
i want to know ..how to make it this code ?
<script type="text/javascript">
<!-- Feel free to change this -->
wc_background_color = "#ffffff";
wc_width = "150px";
wc_font = "10px verdana, arial, helvetica, sans-serif"
wc_font_color = "#996633";
wc_link_color = "#336699";
wc_border_color = "#D1E0F0";
wc_title_font = "12px Arial, Helvetica, Sans serif";
wc_title_font_color = "#ffffff";
wc_title_background_color = "#6699CC";
wc_title = 'Top UK Jobs';
<!-- Do not change this -->
wc_affiliate_id = 0;
</script>
<script type="text/javascript" src="http://widget.workcircle.com/?q=software%20engineer&n=5&a=0&i=1"></script>
above is the core part of code that i need to know ,,how it works ..
i m not concerned with the affiliate system ..
i want to know ..how to make it this code ?
<script type="text/javascript">
<!-- Feel free to change this -->
wc_background_color = "#ffffff";
wc_width = "150px";
wc_font = "10px verdana, arial, helvetica, sans-serif"
wc_font_color = "#996633";
wc_link_color = "#336699";
wc_border_color = "#D1E0F0";
wc_title_font = "12px Arial, Helvetica, Sans serif";
wc_title_font_color = "#ffffff";
wc_title_background_color = "#6699CC";
wc_title = 'Top UK Jobs';
<!-- Do not change this -->
wc_affiliate_id = 0;
</script>
<script type="text/javascript" src="http://widget.workcircle.com/?q=software%20engineer&n=5&a=0&i=1"></script>
above is the core part of code that i need to know ,,how it works ..
<!-- Workcircle Widget Copyright (c) 2007 All Rights Reserved. use permitted only on terms which can be viewed at http://www.workcircle.com/affiliate-terms -->
<noscript><a href="http://www.workcircle.com">Jobs</a> from Workcircle.com</noscript>
<script type="text/javascript">
<!-- Feel free to change this -->
wc_background_color = "#ffffff";
wc_width = "150px";
wc_font = "10px verdana, arial, helvetica, sans-serif"
wc_font_color = "#996633";
wc_link_color = "#336699";
wc_border_color = "#D1E0F0";
wc_title_font = "12px Arial, Helvetica, Sans serif";
wc_title_font_color = "#ffffff";
wc_title_background_color = "#6699CC";
wc_title = 'Top UK Jobs';
<!-- Do not change this -->
wc_affiliate_id = 0;
</script>
<script type="text/javascript" src="http://widget.workcircle.com/?q=software%20engineer&n=5&a=0&i=1"></script>
<!-- PLEASE DO NOT EDIT THIS BIT -->
<div align="center" style="padding-top:3px; height:27px; background-color:#E8F0F7; border:1px solid #D1E0F0"><a href="http://www.workcircle.com?a=0" target="_blank"><img src="http://widget.workcircle.com/images/logo-widget2.gif" width="106" height="26" border="0" alt="Workcircle - marketing jobs, london jobs, law jobs, engineering jobs, financial jobs, all the top jobs!" /></a></div>
</div>
<!-- THANK YOU! -->
on the code you pasted, you have this:
<script type="text/javascript" src="http://widget.workcircle.com/?q=software%20engineer&n=5&a=0&i=1"></script>
if your open the url:
http://widget.workcircle.com/?q=software%20engineer&n=5&a=0&i=1
you will notice that it sends back javascript code which in turn uses document.write statements to create HTML markup. The variables/settings that you have above:
wc_background_color = "#ffffff";
wc_width = "150px";
wc_font = "10px verdana, arial, helvetica, sans-serif"
wc_font_color = "#996633";
wc_link_color = "#336699";
wc_border_color = "#D1E0F0";
wc_title_font = "12px Arial, Helvetica, Sans serif";
wc_title_font_color = "#ffffff";
wc_title_background_color = "#6699CC";
wc_title = 'Top UK Jobs';
<!-- Do not change this -->
wc_affiliate_id = 0;
is used on that HTML that is created dynamically. It controls the look and feel of that markup (fonts,colors).
Also, on the url you have:
q=software%20engineer&n=5&a=0&i=1
which the server on that site uses to search their db for jobs that meet that criteria.
ASKER
ok , i understand what the following code does ..
but i want to know ..how they generate the javascript code .?? this is the methodology that i want to know how it works ...
basically .. i want to code the javascript widgets .. i have same type of website ..jobs search engine ..
i want to make a widget that everyone could use it on their website .. but how to do it ?
but i want to know ..how they generate the javascript code .?? this is the methodology that i want to know how it works ...
basically .. i want to code the javascript widgets .. i have same type of website ..jobs search engine ..
i want to make a widget that everyone could use it on their website .. but how to do it ?
<script type="text/javascript" src="http://widget.workcircle.com/?q=software%20engineer&n=5&a=0&i=1"></script>
if your open the url:
http://widget.workcircle.com/?q=software%20engineer&n=5&a=0&i=1
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.