jquery - Is building big portions of page in javascript bad? -

-

on existing project working on, noticed many of developers building big portions of pages javascript. example:

$( targetdiv ).append("<div>"); $( targetdiv ).append("   <div class='info'>");       $( targetdiv ).append("        <div id='modes'>"); $( targetdiv ).append("          <table cellspacing='0'>"); $( targetdiv ).append("            <tbody>"); // more...

i understand using javascript build certain elements on page. content dynamic , know when page first loads (ajax stuff).

however, of code (not shown) not dynamic , build same way every time. no 'if' statements or loops

is there reason why 1 build large parts of pages using javascript vs having html part of html doc? think 1 want minimize javascript html generation because more confusing , harder write. also, javascript html generation has hurt performance (does it?)

i "newer" javascript dev maybe missing something. want "newer" maybe don't "it"

thanks

that quite possible the horrible way have ever seen kitten getting killed. now, that's not kitten killed: each line kills thousands of kittens. , puppies.

don't this. it's wrong. it's bad. it's horrible. it's terrible. it's hell. it's good.

on more serious note...

  1. the code doesn't work intended. see comments on question.
  2. the html content, javascript behavior. you're mixing both absolutely no compelling reason.
  3. every time call dom, have time go grab coffee. you're calling append many times seeing hurts eyes.

Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

php - joomla get content in onBeforeCompileHead function -

-
i'm developing joomla system plugin. need add javascript , css files if [myshortcode] shortcode found in content. how can content in onbeforecompilehead function function onbeforecompilehead() { $document = jfactory::getdocument(); //add scripts if shortcode found ... $document->addstylesheet($cssfile, 'text/css', null, array()); the $content = jresponse::getbody(); not work. thanks try this, for style sheet, $document = jfactory::getdocument(); $document->addstylesheet('http://domain.com/templates/css/style.css'); for javascript file $document = jfactory::getdocument(); $document->addscript('full url'); also can this, $document = jfactory::getdocument(); // add javascript $document->addscriptdeclaration(' window.event("domready", function() { alert("an inline javascript declaration"); }); '); // add styles $style = 'body {'
Read more