Dynamic link help

john9292

Hello,

I have made it so that it is possible to change the color scheme of my website by using a form (uses cookies). This also changes the links and their rollovers - the only problem is I cannot get the links to work.

Im using CSS, Javascript and PHP/HTML to achieve what I have so far.

Would it be possible to do this in just PHP/HTML and CSS i.e. have the style sheet variables change when the form is submitted on the PHP/HTML page and then have <a href> <a> tags and use mouseover and mouseout.

Cheers anyone
John

Scriptmaker

I can't really tell what you're asking and where you stand right now. If you could post some code or an example site, that would help greatly.

john9292

Thanks for the reply, here is the code in my css/php file named style.php for a link with dynamic style:

#rightLink1
{
    width:120px; 
    height:50px; 
    border:thin solid #000000;	   	
    background-image:url(<?php echo $links; ?>);  

}
#rightLink1:hover 
{
	background: URL(<?php echo $links2; ?>);
}

Here is the code in the same file for the images - in a switch statement the correc colour scheme is chosen and image paths are update accordingly:

    default:
        $fg = '#534b44';
        $bg = '#403a39';

    $color = 'DefaultColour//style.jpg';
    $change = 'DefaultColour//change.jpg';

	$links2 = 'DefaultColour//links2.jpg';
	$links = 'DefaultColour//links.jpg';

HTML page:

<div id="rightLink1">   

		    <a href="http://127.0.0.1:8080/links2.aspx"></a>	
		</div>

Cheers
John

scoppc

why not doing this instead?

<a href="http://127.0.0.1:8080/links2.aspx" id="rightLink1"></a>

john9292

Sorry to resurrect an old thread but I have only just had the chance to do a bit more PHP lately.

I tried what was mentioned in the last reply and it did not work i.e. it did not display the image.

I did what they said and used this in my CSS/PHP file (dynamic CSS file).

#rightLink1
{
    width:120px; 
    height:50px; 
    border:thin solid #000000;	   	
    background-image:url(<?php echo $links; ?>);  

}
#rightLink1:hover 
{
	background: URL(<?php echo $links2; ?>);
}

Any ideas please?

Cheers
John

schwim

Hi John,

when you view the source and generated css files, what do they look like? Are they getting generated correctly?

If the css is embedded in the page you're calling, I don't see where the problem would be, but if you're calling the css file externally, then make sure you use a serverpath and not a url to call it. IIRC, using a URL will cause it not to parse the variables.

thanks,
json

john9292

<link rel='stylesheet' href='style.php?style=<?php echo $style; ?>' type='text/css'>

Should the above code be changed then?

And what does IIRC mean?

Cheers
John

schwim

Hi there John,

IIRC="If I Remember Correctly"

Before we go any further, you should see if it's currently generating the proper values on the web page. When I work on stylesheets, I use the Firefox web developer extension, which allows me to view the stylesheets to make sure changes are getting recorded. I don't know if IE has a comparable feature. We just need to make sure all of the values($links, etc) are getting set.

thanks,
json

john9292

Okay, I am using FF with webdeveloper, heres what I got:

#rightLink1

{

width:120px; 

height:50px; 

border:thin solid #000000;	   	

background-image:url(DefaultColour//links.jpg);  

}

#rightLink1:hover 

{

background: URL(DefaultColour//links2.jpg);

}

This is an example of one of the 4 links on my page.

John

schwim

Hi there John,

Excuse my density, but it seems like your script is generating the desired code, so is the problem that your .css isn't working as intended, or are you looking to add a feature to what you already have?

It seems to me that if it's not working, that the problem is css related.

Again, please forgive me if I'm missing the problem. I'm just not sure what the issue is anymore 😃

thanks,
json

john9292

LOL - no problem, im not sure if I am losing the plot as far as this is concerned.

What I have done is mixed my external CSS file with PHP so that the CSS styling can be changed on the website (with use of a form).

That all works and is cool (can change colour scheme) but the links that change (different image links) do not act as links i.e. you cannot click them.

Ive been trying other ways also e.g:

#rightLink1 
{
    width:120px; 
    height:50px; 
    border:thin solid #000000;	   	
    z-index:0;
    background: URL(<?php echo $links; ?>);  

}
a.rightLink1:link 
{ 
    width:120px; 
    height:50px; 
    border:thin solid #000000;
	background-image:url(<?php echo $links; ?>);  

}
a.rightLink1:hover 
{ 
	background: URL(<?php echo $links2; ?>); 
}

And this in the HTML:

	<div id="rightLink1"> 
			<a class="rightLink1" href="http://127.0.0.1/links.php"></a>
		</div>

Cheers
John

schwim

Hi there john,

I'm very weak at css. I've always used javascript to handle rollovers, so I'm afraid that I would do you more harm than good trying to help any further. I often get myself into hot water with my stylesheets 😃

Sorry I couldn't help,
json