[Request Plugin] Choose a background image

[Former Member]

So background image is not behind the avatar like the background below
The screenshot was taken from a test post on the PB beta froum

Thanks again - Steve

Attachments:

[Jordan]

I've already added that option in the code under the "Settings" tab, but it isn't working yet due to the way the post is structured because it is a little tricky.

It also doesn't look like IE is going to work with this code at all due to the way that I am storing the data in the post. Now I remember why I got tired of web development. ;p

[Former Member]

That's great Jordan I like how you have done this - Thanks again

Shame about IE but members could just use the BBCode div style on BBCode on the posting page and just add the div tag background image on posting page that should work on IE

[Jordan]

That won't work either unfortunately, unless I can figure something out. Currently I'm doing something a little strange: <div style="width:bg-image=https/url_to_image/image.png;"></div>

The reason I'm doing it this way is because if someone uninstalls the plugin, this data still won't appear in the posts because it's not the innerHTML of the div, just a property so it stays invisible without needing a code to hide it. Internet Explorer is simply removing the style property completely when it parses the page. It also removes it on the posting page as well before the data gets sent, and I can't do anything like <div class="myclass"></div> or <div my-own-field="data"></div> because it gets removed from the post in all the browsers. I may just have to stick the data into the innerHTML.

If anyone has any ideas let me know.

[Former Member]

wish i understood coding lamo
I think understand that's IE for you just means we will have to use another browser chrome firefox opera

[Chris]

Jordan: If it doesn't exist already, I'd recommend a profile option per-user to opt out of showing background images for posts. This way we allow users to not be annoyed.

[Peter]

Oct 28, 2012 8:48:24 GMT -8 Jordan said:

That won't work either unfortunately, unless I can figure something out. Currently I'm doing something a little strange: <div style="width:bg-image=https/url_to_image/image.png;"></div>

The reason I'm doing it this way is because if someone uninstalls the plugin, this data still won't appear in the posts because it's not the innerHTML of the div, just a property so it stays invisible without needing a code to hide it. Internet Explorer is simply removing the style property completely when it parses the page. It also removes it on the posting page as well before the data gets sent, and I can't do anything like <div class="myclass"></div> or <div my-own-field="data"></div> because it gets removed from the post in all the browsers. I may just have to stick the data into the innerHTML.

If anyone has any ideas let me know.

"title" attribute should work for you. I just gave it a test, your code still picked it up.

[Jordan]

Oct 28, 2012 9:16:29 GMT -8 Chris said:

Jordan: If it doesn't exist already, I'd recommend a profile option per-user to opt out of showing background images for posts. This way we allow users to not be annoyed.

The user isn't required to add an image, and there is already a "None" option that is the default. Or do you mean to remove the drop down selects as well?

Oct 28, 2012 10:24:58 GMT -8 Peter said:

Oct 28, 2012 8:48:24 GMT -8 Jordan said:

That won't work either unfortunately, unless I can figure something out. Currently I'm doing something a little strange: <div style="width:bg-image=https/url_to_image/image.png;"></div>

The reason I'm doing it this way is because if someone uninstalls the plugin, this data still won't appear in the posts because it's not the innerHTML of the div, just a property so it stays invisible without needing a code to hide it. Internet Explorer is simply removing the style property completely when it parses the page. It also removes it on the posting page as well before the data gets sent, and I can't do anything like <div class="myclass"></div> or <div my-own-field="data"></div> because it gets removed from the post in all the browsers. I may just have to stick the data into the innerHTML.

If anyone has any ideas let me know.

"title" attribute should work for you. I just gave it a test, your code still picked it up.

Perfect! IE is fine with this, and plus that's a better attribute to use anyway. Thanks Peter.

[Former Member]

WOOOOHOOOOOO! Thank You Peter + Jordan

[Peter]

Oct 28, 2012 10:49:49 GMT -8 Jordan said:

The user isn't required to add an image, and there is already a "None" option that is the default. Or do you mean to remove the drop down selects as well?

I think Chris means for those viewing the thread, they should get the option to disable them via their profile so they aren't displayed.

I for one would enable that option, as it would bug me seeing different background images on posts.

[Jordan]

Oct 28, 2012 10:57:27 GMT -8 Peter said:

Oct 28, 2012 10:49:49 GMT -8 Jordan said:

The user isn't required to add an image, and there is already a "None" option that is the default. Or do you mean to remove the drop down selects as well?

I think Chris means for those viewing the thread, they should get the option to disable them via their profile so they aren't displayed.

I for one would enable that option, as it would bug me seeing different background images on posts.

Ah, I see. Yeah, that's a good idea, I'll add that using a plugin key.

Edit: I updated the code so it now works in IE.

[Chris]

Oct 28, 2012 11:02:26 GMT -8 Jordan said:

Oct 28, 2012 10:57:27 GMT -8 Peter said:

I think Chris means for those viewing the thread, they should get the option to disable them via their profile so they aren't displayed.

I for one would enable that option, as it would bug me seeing different background images on posts.

Ah, I see. Yeah, that's a good idea, I'll add that using a plugin key.

Edit: I updated the code so it now works in IE.

Exactly what Peter said.

Thanks.

[Jordan]

Someone else is going to have to do this code.

[Former Member]

Nov 20, 2012 8:01:43 GMT -8 Jordan said:

Someone else is going to have to do this code.

Bump! Looking for any help with this request

I'm not a coder but was thinking if was any easier that on the create thread page
It would have say at the top  Image 1  image 2  image 3  image 4  image 5

And when clicking on the links image 1  image 2  image 3  image 4  image 5

It would add the code below on the create thread page with the choosen url added  ie image 1  image 2 etc

[div style="background-image:url('THE IMAGE URL WOULD GO HERE');"]

[center]ADD YOUR TEXT HERE[/center]

[/div]


Steve