css and a crappy bit of .js

dtw · 2005-05-15 07:01:27

how do imbed this in a css?

 <script type="text/javascript" src="http://www.makepovertyhistory.org/whiteband_small_right.js">
</script><noscript><a href="http://www.makepovertyhistory.org/">
http://www.makepovertyhistory.org</a></noscript>

i'd rather not have .js running but hey, i want to help!

cactus · 2005-05-15 09:21:54

"What you talkin' bout dibble"?

Embed javascript in css (ie cascading style sheet)? ummm...What?!?

dtw · 2005-05-15 10:54:00

that's a no then!

what do i gotta do then?

beniro · 2005-05-15 14:05:27

I'm having a hard time understanding what you're asking. Could you rephrase the question?

I see that you are calling a javascript file that just writes the HTML fopr an image, and a map to the document. If the user has no script support, a link is all that's there. Is that what you want to accomplish without JS?

i3839 · 2005-05-15 14:17:46

Try something like:

sometag {
        content: '<script type="text/javascript" src="http://www.makepovertyhistory.org/whiteband_small_right.js">
</script><noscript><a href="http://www.makepovertyhistory.org/">
http://www.makepovertyhistory.org</a></noscript>'
}

You may need to struggle with the "'s a bit, perhaps escape them or something.

Though it's probably not the best way to fix the problem. You can use nested HTML objects to try different things out.

phrakture · 2005-05-16 04:44:25

Well, here's the text of the js file...
and the css is here: http://www.makepovertyhistory.org/whiteband.css

<style><!--
@import url(http://www.makepovertyhistory.org/whiteband.css);
--></style>

<div class="MPHWhiteBandSmallRight">
<img src="http://www.makepovertyhistory.org/whiteband_mphtranslinkimg.gif" 
width="163" height="163" border="0" usemap="#MPHLinkMapSmallRight" class="mphimage"></div>
<map name="MPHLinkMapSmallRight"><area shape="poly" coords="0,0,163,163,163,133,30,0" 
href="http://www.makepovertyhistory.org/" target="_blank"></map>

that should get rid of the javascript dependancy

dtw · 2005-05-16 06:59:21

appreciate all your help so far but it's all still a bit greek and it has been far too long a week - so here is my .css

http://dtw.jiwe.org/e107_themes/e107v4a/style.css

if someone could fill in the blanks i'd be eternally grateful and even put your name on my site

cactus · 2005-05-16 07:23:07

I still don't understand what you are after here dibble. Are you just trying to use a style sheet for a website?

<html>
<head>
<link rel="stylesheet" type="text/css" href="http://dtw.jiwe.org/e107_themes/e107v4a/style.css ">
</head>
<body>
blah!
</body>
</html>

dtw · 2005-05-16 07:27:10

LOL - i have a website that uses stylesheets, the .css is linked above - i want to add that bit of .js to it as it is a link for a project i want to support

cactus · 2005-05-16 08:59:52

I still don't seem to be understanding what you are trying to accomplish...oh well, call me a wash on this one then. No matter.

Maybe phrak can help.

phrakture · 2005-05-16 14:39:04

dibblethewrecker wrote:

LOL - i have a website that uses stylesheets, the .css is linked above - i want to add that bit of .js to it as it is a link for a project i want to support

oh... well, just add that line you posted where you want the link... that should do it...
Now, the js doesn't do anything except write some crap to the page (god, I hate that)... so I'd tear it apart like so:

<html>
<head>
<link rel="stylesheet" type="text/css" href="http://dtw.jiwe.org/e107_themes/e107v4a/style.css" >
<link rel="stylesheet" type="text/css" href="http://www.makepovertyhistory.org/whiteband.css" >
</head>
<body>
Hello, this is the body:
<table><tr><td>Column A</td><td>Column B</td></tr>
<tr>
<td colspan="2">
<!-- Here is the thing dibble wanted -->
<div class="MPHWhiteBandSmallRight">
<img src="http://www.makepovertyhistory.org/whiteband_mphtranslinkimg.gif"
width="163" height="163" border="0" usemap="#MPHLinkMapSmallRight" class="mphimage"></div>
<map name="MPHLinkMapSmallRight"><area shape="poly" coords="0,0,163,163,163,133,30,0"
href="http://www.makepovertyhistory.org/" target="_blank"></map>
<!-- End dibble thing -->
</td>
</tr></table>
</body>
</html>

try that, let me know if that's acceptable...

dtw · 2005-05-17 02:55:57

So just paste that in the .css? Sorry guys, i'd do my reading about it but it just one little thing that'll do if it's easy and not bother if it's not

Very much appreciate your help

Shofs · 2005-05-17 04:32:38

Why don't you .php-ify your css. Have php generate your css file dynamically.

phrakture · 2005-05-17 05:06:32

dibblethewrecker wrote:

So just paste that in the .css? Sorry guys, i'd do my reading about it but it just one little thing that'll do if it's easy and not bother if it's not
Very much appreciate your help

well, you can use more than one css file... in this case, I'd say either add:

<link rel="stylesheet" type="text/css" href="http://www.makepovertyhistory.org/whiteband.css" >

or at the end of your css file

@import url("http://www.makepovertyhistory.org/whiteband.css")

then, where you want the link, just add:

<div class="MPHWhiteBandSmallRight">
<img src="http://www.makepovertyhistory.org/whiteband_mphtranslinkimg.gif"
width="163" height="163" border="0" usemap="#MPHLinkMapSmallRight" class="mphimage"></div>
<map name="MPHLinkMapSmallRight"><area shape="poly" coords="0,0,163,163,163,133,30,0"
href="http://www.makepovertyhistory.org/" target="_blank"></map>

Arch Linux

#1 2005-05-15 07:01:27

css and a crappy bit of .js

#2 2005-05-15 09:21:54

Re: css and a crappy bit of .js

#3 2005-05-15 10:54:00

Re: css and a crappy bit of .js

#4 2005-05-15 14:05:27

Re: css and a crappy bit of .js

#5 2005-05-15 14:17:46

Re: css and a crappy bit of .js

#6 2005-05-16 04:44:25

Re: css and a crappy bit of .js

#7 2005-05-16 06:59:21

Re: css and a crappy bit of .js

#8 2005-05-16 07:23:07

Re: css and a crappy bit of .js

#9 2005-05-16 07:27:10

Re: css and a crappy bit of .js

#10 2005-05-16 08:59:52

Re: css and a crappy bit of .js

#11 2005-05-16 14:39:04

Re: css and a crappy bit of .js

#12 2005-05-17 02:55:57

Re: css and a crappy bit of .js

#13 2005-05-17 04:32:38

Re: css and a crappy bit of .js

#14 2005-05-17 05:06:32

Re: css and a crappy bit of .js

Board footer