css - Detecting :first-letter by javascript -

-

i need know if element styled :first-letter style, , should general solution won't depend on class names or special style attributes. there way? example:

<p class="initial">first</p> <p>second</p>  .initial:first-letter { float: left; font-size: 1.5em; font-weight: bold; }  $('p').click(function(){     // how determine if :first-letter applied current paragraph?  });

if css self-hosted, can:

  1. get list of css blocks
  2. filter out css blocks not contain :first-letter in block's selector
  3. iterate on list of remaining css blocks, , run matchesselector() target element receiver , current css block's selector argument.
    1. if matchesselector() returns true, current css block's rules affect target element's first letter.
    2. otherwise move on next css block in list

if css isn't self-hosted , cdn doesn't send cors headers, cannot read css file source due privacy issues , cannot done.

i have left out figuring out rule-cascading algorithm. bump in road figure out pseudo-selectors affect matchesselector in false way.

like consider:

p.webkitmatchesselector("p:first-letter") //false

so 1 have remove pseudos :first-letter string before attempting match these irrelevant (but pseudos :nth-child not because affect matching).

demo http://jsfiddle.net/pbuzb/5/ (keep in mind problems mentioned not handled here) (the base of code crush)

why not allowed read css source in cross-origin situation?

the reason can show images, run css/js etc.. other domains absolutely not access data in way privacy.

the case easiest make images. let's logged in facebook, , facebook uses url private photo http://facebook.com/myprofile.png. go evil.com, , evil.com can load image because logged in facebook, facebook give them image. cannot access image or steal in anyway, if enabled cross-origin data access, access private photo , spread out.

the same can happen in css, there user-specific css generated facebook server contains user ids of private friends. not private anymore if website can go can link css , start reading it.

and yes, main issue how browsers send cookies cross-origin request, if browser didn't send cookies when requesting facebook images/css evil.com, facebook not respond user-specific css or private photos because cookies necessary recognize me.

now imagine if browsers didn't send cookies. evil.com still access intranet data way because browser has access intranet. being able show http://intranet/myboss.jpg image on evil.com website not problem, evil.com being able read image data , able copy , spread problem.


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