How to manipulate a DOM tree before it is displayed on screen ? ( javascript, jquery, ...) -

-

the problem simple, can't figure out solution. many helps. want modify web page (dom tree) before displayed on screen. understand dom tree loaded in memory before being processed.

do of knows way process loaded dom tree while on memory , let displayed new structure ?

the reason want that, because i'm working on addon adding content existing web site.

added-> need mention existing web site not mine, can't use php modify website content not mine.

but right now, web site displayed without addon content , see content coming after 1 second (because append content after website displayed), see website content moving.

thanks helping.

it's not difficult. hide body using css , on onload-event of document manipulation , show body.

short example:

<html> <head> <title>example</title> <style type="text/css"> <!-- html.scripted body{display:none;} --> </style> <script type="text/javascript"> <!-- //set class html-element, css-rule above applied body document.getelementsbytagname('html')[0].classname='scripted';  //on page load window.onload=function() {   //do manipulation   document.body.appendchild(document.createelement('em')).appendchild(document.createtextnode('dynamic content'));   alert('manipulation done');    //show body   document.body.style.display='block'; } //--> </script> </head> <body> static content </body> </html>

in regard brad's comment below may consider if there may other ways. real issue seems moving content, possible place static placeholder dynamic content appear later.


Comments

Post a Comment

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

-
ho can set spacing beween stars? thats ratingbar: ratingbar = (ratingbar) inflater.inflate(r.layout.ratingbar, null); ratingbar.setlayoutparams(new layoutparams(layoutparams.wrap_content, layoutparams.wrap_content)); the layout: <?xml version="1.0" encoding="utf-8"?> <ratingbar xmlns:android="http://schemas.android.com/apk/res/android" style="@style/mystyle" android:layout_alignparentright="true" android:layout_height="19dp" android:layout_width="wrap_content" android:numstars="5"> </ratingbar> the style: <style name="mystyle" parent="@android:style/widget.ratingbar"> <item name="android:progressdrawable">@drawable/android_r2_ratingstar_yellow</item> <item name="android:indeterminatedrawable">@drawable/android_r2_ratingstar_grey</item> </style> thanks, cheers you have
Read more

aspxgridview - Devexpress grid - header filter does not work if column is initially hidden -

-
i'm using devexpress grid , i'm trying 'country' column display header filter properly: <dx:gridviewdatacolumn caption="country" fieldname="countryname" showincustomizationform="true" visible="false"> <settings allowheaderfilter="true"/> </dx:gridviewdatacolumn> if 'country' column set visible='true', header filter displayed should(it shows value option list). however, want 'country' column hidden, available in customization window(like in code above). in case, when column dragged outside customization window , grid , header filter clicked, javascript error encountered: element null element.addeventlistener(eventname, func, true); is known bug? there workarounds? set aspxgridview.settings.showheaderfilterbutton property true resolve problem. the following markup works fine me (i using dxperience 10.1.7): <asp:accessdatasource id="accessda
Read more

c# - How to execute a particular part of code asynchronously in a class -

-
i creating speech recognition engine that's going respond user commands.i have created button enable , disable speech recognition per user convenience.i have used dispose() of speech engine disable speech recoginition.here code private void button1_click(object sender, routedeventargs e) { engineon = !engineon; if (engineon) { speechengine = speech.createspeechengine(); //speech class creates , returns new speech engine. speechengine.audiolevelupdated += new eventhandler<audiolevelupdatedeventargs>(speechengine_audiolevelupdated); // use system's default microphone speechengine.setinputtodefaultaudiodevice(); speechengine.loadgrammar(new dictationgrammar()); // start listening speechengine.recognizeasync(recognizemode.multiple); } else { speechclass.myengine.dispose(); } } but disposal of speech obj
Read more