Getting rid of those pesky pipes

[wellman]

Well after receiving so much help on this forum, I thought I could contribute a VERY small nugget of wisdom. I don't know about anyone else, but I hate it when pipe (|) separators are on the end of a line. This ends up happening if you have camera info enabled for your galleries. To turn this off, place the following snippet into your customization footer.

<script type="text/javascript">
// Remove trailing pipe (|) from "other sizes"
var objElement = document.getElementById("exifOtherSizes")
if (objElement != null) {
  var str = new String(objElement.innerHTML);
  str = str.replace('|', '')
  objElement.innerHTML = str;
}
</script>

The example above removes the pipe from the "exifOtherSizes" element of the camera info. Use the FF Webdeveloper Extension to get the IDs of other elements you want to clean up.

[Andy]

This is great, Greg - but I can't seem to make it work on the pipe on the footer .... I'm not sure if JT blocks that or not.

A.

[{JT}]

I will have an easier solution for this soon ;)

But - most people don't have this problem with because their "other sizes" is not the last thing in the list. Normally it is keywords or something else.

Originally Posted by Andy

This is great, Greg - but I can't seem to make it work on the pipe on the footer .... I'm not sure if JT blocks that or not.

A.

[wellman]

Originally Posted by {JT}

But - most people don't have this problem with because their "other sizes" is not the last thing in the list. Normally it is keywords or something else.

Good point.

[Andy]

Originally Posted by wellman

Well after receiving so much help on this forum, I thought I could contribute a VERY small nugget of wisdom. I don't know about anyone else, but I hate it when pipe (|) separators are on the end of a line. This ends up happening if you have camera info enabled for your galleries. To turn this off, place the following snippet into your customization footer.

<script type="text/javascript">
// Remove trailing pipe (|) from "other sizes"
var objElement = document.getElementById("exifOtherSizes")
if (objElement != null) {
  var str = new String(objElement.innerHTML);
  str = str.replace('|', '')
  objElement.innerHTML = str;
}
</script>

The example above removes the pipe from the "exifOtherSizes" element of the camera info. Use the FF Webdeveloper Extension to get the IDs of other elements you want to clean up.

I want to go "pipeless" in my footer - but no joy. Any ideas?

[ivar]

Originally Posted by Andy

I want to go "pipeless" in my footer - but no joy. Any ideas?

Andy, add this to your Javascript.

addEvent(window, "load", rem_pipes);

function rem_pipes () {
   for (var i = 0; i<3; i++) {
      var objElement = document.getElementById("footer")
      if (objElement != null) 
      {
         var str = new String(objElement.innerHTML);
         str = str.replace('|', '')
         objElement.innerHTML = str;
      }
   }
}

It's for your footer only, not for your feeds. Normally, the code is read only once, so only the first pipe is removed. I put a loop in there for you, so it takes out all of the pipes. I assumed you just wanted the pipes removed, but you can also replace them by something else

I used it on my site to see if it works, and it works great.

[wellman]

Originally Posted by ivar

I used it on my site to see if it works, and it works great.

Nice!

[Andy]

Originally Posted by ivar

Andy, add this to your Javascript.

Thanks, Ivar! OK It's gone from my homepage but not from the #feeds part.

[ivar]

Originally Posted by Andy

Thanks, Ivar! OK It's gone from my homepage but not from the #feeds part.

Yep, by design, but that is easy enough to change.

addEvent(window, "load", rem_pipes);

function rem_pipes () {
   for (var i = 0; i<3; i++) {
      var objElement = document.getElementById("footer")
      if (objElement != null) 
      {
         var str_a = new String(objElement.innerHTML);
         str_a = str_a.replace('|', '')
         objElement.innerHTML = str_a;
      }
      var objElement = document.getElementById("feeds")
      if (objElement != null) 
      {
         var str_b = new String(objElement.innerHTML);
         str_b = str_b.replace('|', '')
         objElement.innerHTML = str_b;
      }
   }
}

[Andy]

Originally Posted by ivar

Yep, by design, but that is easy enough to change.

addEvent(window, "load", rem_pipes);

function rem_pipes () {
   for (var i = 0; i<3; i++) {
      var objElement = document.getElementById("footer")
      if (objElement != null) 
      {
         var str_a = new String(objElement.innerHTML);
         str_a = str_a.replace('|', '')
         objElement.innerHTML = str_a;
      }
      var objElement = document.getElementById("feeds")
      if (objElement != null) 
      {
         var str_b = new String(objElement.innerHTML);
         str_b = str_b.replace('|', '')
         objElement.innerHTML = str_b;
      }
   }
}

THANK YOU, IVAR Wonderful, wonderful....

Pipes gone. Wonderful. Now I can use this bit of CSS:

#feeds .note {display: none;}

which removes the "what are feeds?" link.