Code

Discussion on Element Place (jQuery)

Discussion on Element Place (jQuery)

Cart 116 sales

designcise supports this item

Supported

21 comments found.

Hey there,

Thanks for the cool plugin, I wonder if you’ll release any updates, the script doesn’t work with jQuery 2.0.3

Keep up the good work!

it’s because they’ve removed support for older browsers + removed the $.browser object. it may be a while before i update it so in the meanwhile you can use a temporary workaround by defining the $.browser object which would “probably” resolve the issue. Email me via my contact page and I’ll help you out with it.

Hi, I bought this script and it works perfectly for desktop but on my iPhone the the footer (which is what I’ve placed) is rolling up somewhat as you scroll on the iPhone.

Is it supposed to not handle safari mobile?

It hasn’t been tested on safari mobile, and safari mobile is not listed in the list of supported browsers, but i don’t see any reason why it won’t work as it’s just javascript. There could be differences in how safari mobile interprets viewports, document window etc. other than that I can’t really be sure.

I can’t test it on iPhone, as I don’t own one, but I can assist you in getting this to work if you can send me some screenshots and assist me with the testing. In any case, email me via my profile page and I’ll see how I can help you out.

hello

please why is this code not working

<script type=”text/javascript” src=”jquery.place-min.js”></script> <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js”></script> <script type=”text/javascript> jQuery(’#positionedBox’).place({ relativeTo: jQuery(’#staticBox’), x: ‘leftEdge’, y: ‘bottomEdge’, z: 1000 }); </script>

Because you need to include jquery.min.js before including jquery.place-min.js like so:

<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js”></script> 
<script type=”text/javascript” src=”jquery.place-min.js”></script>

I want to buy your plugin because I think It can help me but before I purchase it hopefully you can shine some light on the situation. I have light box installed on my site. Im using an iframe to show a quicktime movie but the light box that is installed cannot show titles. So Im thinking your plugin could help is it possible to over lay on light box element?

yes it may be possible to overlay the lightbox, given that you choose a higher ‘z-index’ value than the lightbox. doing so, you should be able to show titles as you wish.

I want to buy your plugin because I think It can help me but before I purchase it hopefully you can shine some light on the situation. I have light box installed on my site. Im using an iframe to show a quicktime movie but the light box that is installed cannot show titles. So Im thinking your plugin could help is it possible to over lay on light box element?

Problem with this script.. You cannot use this script if you are using multiple divs, say even a simple JQuery tab UI. Say I have 3 tabs at the top of my master div, inside are the 3 divs for each of the tabs. When using this script, the height of the master div gets set to equal of all internal divs. Meaning.. I get one huge tall div! That’s not good at all!

A simple google search came up a much better way to center menus using simple CSS .

sorry that you had troubles with the script, i’ve replied to the email you sent me, but again i need a zip file with an example that reproduces the problem to understand the issue before i can come up with possible solutions.

i’m totally clueless at the moment about what the issue is and you’ve already concluded that it’s a problem with the script. it could very well be some other problem and even if it is indeed a problem with the script, you should’ve at least given me time to investigate the issue (or even reply to your message), and sent me an example i could work with before reaching a conclusion. if it’s a bug i would’ve tried to resolve it (as any script/program in the world can have problems which the author didn’t think of—because even though we try our best, still obviously we can’t imagine all the ways in which people would use the script) or if there was a bug in your coding etc. i would’ve helped you locate that.

and yes, there can be many better ways of doing any one thing (where ‘better’ is of course whatever works best for you in any given situation); it comes down to the design choices you make. perhaps you should’ve googled before you thought of buying the script?

Have you experienced this: On some of my divs that I use to center

$(’.pin-notes, #startupblock, .small-confirmation, .pin-notes-large, .message-box, .small-confirmation-delete’).place({ relativeTo: $(’#map’), x: ‘center’, y: ‘center’, z: 9999 });

Get blow out. Meaning the heights of each get set to 100% of the parent. Any ideas?

i can’t just figure out the problem you might be having with the information you’ve provided, i need to see a full page example where you’re using this, so i can investigate further. a good thing to do would be to zip everything up and email it to me.

Hey ! I just want to know if i can put 2 sidebars object with this plug. The thing is that i want to put some html code inside it, for example for banners, ads from sponsors.

Thx and i’m so interested in this pluggin. :)

yep you can put as many sidebars as you want with this script and have any content inside the HTML elements you “place”.

REVIEW

The author provide me super grade of after sales support ! He help me include the code as i failed to do so after several try . Besides he even help solve some problem which not related with his product . The author help me the clean up my code and make it smaller too !!! :bigsmile:

Strongly Recommend To Others

Thanks for the script. It works great for elements with height less than 500px. When positioning a tall div or iframe, I’m not really sure on the logic for placement… It seems to always end up higher than when the height of the div is less than 500px.

Any ideas?

try setting the “inBoundX” and “inBoundY” properties to false because 500px wide/large element might exceed document bounds, the inBound properties try to force them inside the viewport region.

if you still have problems, kindly email me with a zipped example and i’ll try to run some tests on it. also mention the operating system and browser you’re using so i can, as accurately as possible, recreate the problem. thanks!

Dear author ,

After reading through the help file , i still cant get knowing on how to place the element ( two sidebar ) inside my site .

Any help will be much appreciate

Thank you .

if you go through the “walkthrough” section of the help file, it details on how to get things working. in case you’re having troubles with that, all you need to do is:

  1. Create the HTML structure for the element you wish to place (in the “body” section of your webpage).
  2. Include jQuery into the “head” section of your webpage.
  3. Copy the generated “code” from the “example” html file included in the package, and paste that code inside the “head” section of your webpage (this code must be pasted right after you include the jQuery JavaScript library and it must be inside the jQuery document ready function).

the examples for the above mentioned steps are given and explained in detail in the “walkthrough” section of the help file. therefore, i would urge you to go through it once more keeping the above mentioned steps in mind.

if you still can’t get your head around it, kindly send me an email via my profile page.

Dear author ,

May i know is this code make me able to place anything i want in any position of my website ? ( something like joomla ? ) Cause i facing the problem on placing ADS box at the side of my site ( left & right ) .

Thank you

Yes, this is what this script is useful for, but bear in mind that it’s not a joomla plug-in and you’ll have to add the code manually to your joomla site.

Hi,

Your plugin looks like what I’m looking for. A simple container that will give me the possibility to cover a bunch of different needs using a minimum of (jQuery) plugin loading.

Can it be use to address different things within a same page. Like managing my custom tooltips (based on class specified elements) wile generating my sticky nav (modal-window) ?

yes it can handle multiple elements on the same page. you can create as many as you want.

I have a footer placed at the bottom of the browser window, above this footer I’d like to place content that is positioned horizontally in the center, between the footer and top of the window, is this possible?

i don’t fully understand what you want to achieve (you lost me around the “between the footer and top of the window” part); can you send me the example file you’re working with along with a screenshot with some annotations maybe for clarification via my profile page? i’ll have a look and let you know.

Hi, i really like your solution, great work.

Im trying to load a div on top of another div that contains flash. It works nicely in safari and firefox but i had no luck on chrome.

Can you please let me know if there is a solution to this.

Thank you.

for overlaying flash videos you might have to do the following:

  • If the flash video is embedded using the HTML object element, then use the param element like so; .
  • If the flash video is embedded using the HTML embed element, then you’ll need to add the wmode attribute like so; .

and if that doesn’t work you can zip what you’re working on and email me via my profile page, i’ll have a look.

Thank you very much, its working fine now!

kindly rate the script if you like it. thanks :)!

Ok, I’ll purchase your extended licence after I come back from my vacation. I was so looking around for a way to achive this :D

Thank you, I was aware of the wmode. I’m ready to purchase an extended licence, but can you add to documentation how to add a close button? I’m jquery super noob, and allways will be (I do SEO /Marketing :) ) bad part our coder it’s more jquery noob than me :(.

you can email me and i’ll help you out with it.

Can it be used as an video overlay ad with close button? I cant see a close button on the demo.

this script is only to position elements relative to other elements on the page, or the window or document object, so you’ll have to make a close button yourself which is very easy; you could simply use jQuery’s hide method or something similar to hide it.

as for overlaying videos, it is certainly possible with this script. if it’s a flash video you’re trying to overlay then you might have to do the following:

  • If the flash video is embedded using the HTML object element, then use the param element like so; <param name=”wmode” value=”opaque”>.
  • If the flash video is embedded using the HTML embed element, then you’ll need to add the wmode attribute like so; <embed … wmode=”opaque”>.

Is It possible to use a class?

jQuery(’.positionedBox’).place({ relativeTo: jQuery(‘div.wrapper’), x: ‘center’ });

Thanks,

Mick

yes, but it will work differently in both the cases you’ve defined; right now, using it in the selector would select all the elements of that class name and position them relative to the specified element and adding a class name in the relativeTo option would find the first item it can in the DOM hierarchy and place itself relative to that. in the live preview you can see the effect of the latter if you select the “div.wrapper” option from the dropdown menu of “relativeTo” property.

Great script. Can’t wait to use it. I have a project I can definitely use this on.

Thanks!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey