jquery - Get DIV width and height in javascript -


i'm trying div width , height user changes , submit number page. can't seem figure out how width , height though.

<script> $(function() {   $( "#set div" ).draggable({      stack: "#set div",     preventcollision: true,     containment: $('#main_content'),       stop: function(event, ui) {           var mydiv = document.getelementbyid("set");           var pos_x = ui.offset.left;           var pos_y = ui.offset.top;            var width = mydiv.style.width;        ----this doesn't work           var height = mydiv.style.height;      ----this doesn't work            var window_width = window.innerwidth;           var window_height = window.innerheight;           var need = ui.helper.data("need");            console.log(pos_x);           console.log(pos_y);           console.log(width);           console.log(window_width);           console.log(need);            //do ajax call server           $.ajax({               type: "post",               url: "updatecoords.php",               data: { x: pos_x, y: pos_y, need_id: need, width: width, height: height, window_width: window_width, window_height: window_height}             }).done(function( msg ) {               alert( "data saved: " + msg );             });         }   }); }); </script>

what's proper way this?

since you're using jquery, can do:

var width;  if (need == 1) {    width = $("#web").width(); } else {    width = $("#set").width(); }

Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

qt - Errors in generated MOC files for QT5 from cmake -

i generated moc files qt5 using set (cmake_automoc on) set(cmake_include_current_dir on) then add moc files src using set(src src/main.cpp src/video_widget_surface.cpp src/video_widget.cpp src/video_player.cpp #moc files moc/moc_video_player.cpp moc/moc_video_widget.cpp moc/moc_video_widget_surface.cpp finally add executable using add_executable(somegui ${src}) but errors in moc files saying : /other/workspace/perception/somestuff/moc/moc_video_widget.cpp:54:6: error: 'videowidget' has not been declared /other/workspace/perception/somestuff/moc/moc_video_widget.cpp:62:19: error: 'videowidget' has not been declared /other/workspace/perception/somestuff/moc/moc_video_widget.cpp:68:20: error: 'videowidget' has not been declared /other/workspace/perception/somestuff/moc/moc_video_widget.cpp:68:46: error: non-member function 'const qmetaobject* metaobject()' cannot have cv-qualifier /other/qt5.0.1/5.0.1/gcc_64/include/qtcore/qo...
Read more