client and server side, php and javascript

[eluser]James Pax[/eluser]
simple

I assume you meant a rectangle with rounded corners not a circle lol

build your rectangle with css (images on the corners or a css workaround - there are some outthere)

use css #rectangle:hover{} for the change of colour

then in the link put the address of a controller (ex www.site.com/index.php/controller)

in the controller you write

Code:

class ControllerName extends Controller {

    function ControllerName()
    {
        parent::Controller();
        
        
    }
    
    function index(){
    
        //load view here
        $this->load->view('myview');
    
    }
}

In CI you can't call the view directly, but if you don't need any dynamic content and php aid it's just useless doing so

[eluser]RaiNnTeaRs[/eluser]
how to put this "links" then at absolute position : 100,100
and when I move my cursor over it(like in [removed] onmouseover), it will change its colour ?
thanks ^-^

[eluser]Pascal Kriete[/eluser]
You can style links the same way you style divs. You give the link an id:

Code:

<a href="where I want to go" id="rounded">Text goes here</a>

Then you add the css you need:

Code:

#rounded {
    display: block;
    position: absolute;
    top: 100px;
    left: 100px;
    background: #800;
}

You can use css to get your mouseover effect:

Code:

#rounded:hover {
    background: #040;
}

[eluser]RaiNnTeaRs[/eluser]
thank you very much sir..it help a lot, and it help me understanding the 2 sides... ^-^

[eluser]sandwormusmc[/eluser]
check out the mootools framework, also (www.mootools.net) ... the AJAX functions will help you communicate between your javascript and server side code (PHP or whatever it may be).

you will have to setup some code to do an AJAX POST to your CI instance/controller/functionname (see http://ellislab.com/codeigniter/user-gui...uting.html for URI Routing explanation). your back end code will parse the input then provide output that you can update your div with using JavaScript/Mootools.

there are also some pretty killer transition effects. try out the demo area on the MooTools site and you'll see what I mean.

if you have questions feel free to send me a PM and i'll help you out when I have a chance.

[eluser]RaiNnTeaRs[/eluser]
sorry to bother you all again lol.. thx to the tips now i can style my links..but 1 .thing i dont understand is how to use the css to get my mouseover effect
(rounded:hover)

.abc
{
display:block;
position:absolute;
background-color:red;
border:7px solid darkblue;
height:70;
width:200;
}
.abc:hover
{
backgroud-color:yellow;
}
I write like this on my script, and it didnt work (
what is the correct statement then lol..

[eluser]RaiNnTeaRs[/eluser]
thx i have read it on the internet
I must put the code in order
1st : the css style in general
2nd the a href code
then
3d : A.classname:hover{}

sorry ^-^