jquery get elements attibute value and create variable from it

Question

Can any one please help me solve this.

I am resizing some flash object/embed code to fit the browser window using jquery. Please see HTML below.

HTML

<div id="prezi">

     <object id="prezi_3453246342644353463435463456435" width="1000" height="800">

          <embed width="1000" height="800" ></embed>

     </object>

</div>

JQUERY (THIS WORKS)

function preziresize() {

    var $objectId =       $('#prezi_3453246342644353463435463456435'),
        $objectEmbed =    $objectId.find('embed'),
        windowWidth =     $(window).width(),
        windowHeight =    $(window).height();

        $objectId.attr( 'height' , windowHeight ).attr( 'width' , windowWidth );

        $objectEmbed.attr( 'height' , windowHeight ).attr( 'width' , windowWidth ); 

}

$(document).ready(function() {

    preziresize();

});

$(window).resize(function() {

    preziresize();

});

MY PROBLEM

But the downfall of the script above, is that I have to manually put the ID of my object into my script. :(

On my new script, which is not working, I am trying to automatically get the id of the object, and assign it as a variable. Please see my function below.

function preziresize() {

    var $objectId =     $('#prezi').attr( 'id' ),
        $objectEmbed =  $objectId.find('embed'),
        windowWidth =   $(window).width(),
        windowHeight =  $(window).height();

        $objectId.attr( 'height' , windowHeight ).attr( 'width' , windowWidth );

        $objectEmbed.attr( 'height' , windowHeight ).attr( 'width' , windowWidth ); 

}

Any pointers would be great thanks.

Josh

noob · Accepted Answer · 2012-04-05 10:40:41Z

3

Edit: You should better execute it on resize too.

$(window).bind("resize.preziresize", function() {
   $('div#prezi object')
       .find('embed')
       .andSelf()
       .attr( 'height' , $(window).height() )
       .attr( 'width' , $(window).width() );
}).trigger("resize.preziresize");

edited Apr 5, 2012 at 10:40

answered Apr 5, 2012 at 10:34

noob

9,2224 gold badges40 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Joshc Over a year ago

WOW - this is alot simpler, great way of thinking! Though how would I get this to work on document ready too? Only works on window resize. Thanks

Joshc Over a year ago

Hmmmm, I added this code into my document, but only works on window resize. If I wrap your code in document ready then it works -

Dogbert · Accepted Answer · 2012-04-05 10:34:04Z

2

var $object =     $('#prezi').find("object"),
    $objectEmbed =  $object.find('embed'),

answered Apr 5, 2012 at 10:34

Dogbert

224k43 gold badges419 silver badges417 bronze badges

1 Comment

Joshc Over a year ago

Thank you this worked great, don't know why I didn't do this. :-)

Gavriel · Accepted Answer · 2012-04-05 10:36:57Z

-1

This code doesn't make much sense, sinse $("#prezi") means you already know it's id, it's "prezi". the other problem with your code is that $objectId is a string and not the jQuery object, so you can't use .find on it. Try this:

function preziresize() {    
    var $object =       $('#prezi object'),
        $objectId =     $object.attr('id')
        $objectEmbed =  $object.find('embed'),
        windowWidth =   $(window).width(),
        windowHeight =  $(window).height();

        $object.attr( 'height' , windowHeight ).attr( 'width' , windowWidth );
        $objectEmbed.attr( 'height' , windowHeight ).attr( 'width' , windowWidth ); 
}

answered Apr 5, 2012 at 10:36

Gavriel

19.3k13 gold badges73 silver badges116 bronze badges

Collectives™ on Stack Overflow

jquery get elements attibute value and create variable from it

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related