Probably simple...

Hi,

I have a slight problem (mostly my brain has stopped working!). All I'm trying to do is have an image which the border is added on click, and removes the border onclick again.

Code:

---

<img src=\"".$targetPath.$file."\" ".imageResize($mysock[0], $mysock[1], 150)." border=\"0\" onClick=\"this.style.border='3px solid #e25e00';\">

---

That works fine, but how can I change it back on another click?

Thanks.

Move the change off to a CSS style, so that you only need to run a function to toggle that class name.

Code css:

---

.active {
    border: 3px solid #e25e00;
}

---

Code javascript:

---

"... onClick=\"toggleBorder(this);\">

---

Code javascript:

---

function toggleBorder(link) {
    if (link.className === 'active') {
        link.className = '';
    } else {
        link.className = 'active';
    }
}

---

That worked great. Thanks, much appreciated.