Develop Reference

Replace variable from script to another on the same page (JS/PHP)

I have this script generated by wordpress plugin:
<script type='text/javascript'>
if (typeof(jQuery)=="function") {
(function($) {
$.fn.fitVids=function(){}})(jQuery)
};
jwplayer('jwplayer-0').setup({
"aspectratio":null,
"width":604,
"height":410,
"skin":"beelden",
"primary":"html5",
"advertising":{
"client":"vast",
"tag":"http://vasttag"
},
"sharing":{},
"image":"http://i1.ytimg.com/vi/image/0.jpg",
"file":"http://www.youtube.com/watch?v=hgfakjhs"
});
</script>
I simply want add this line:
,"position":"post"
after:
"http://vasttag"
I can't edit the plugin, so is there a way to do it with javascript?
Sorry for my bad english.
Please help me!
Thanks!
Edit: This is the plugin file that generates the player:
link
if anyone knows how to add that parameter I would be very grateful :)
Edit 2:
I solved adding that parameter directly in the database, in wp-option table at jwp6_player_config_2 option name. If you know better solution let me know, thanks.

Due to what the script does (it creates a new jwPlayer as soon as the script is encountered) and the fact that there seems to be no method in the jwPlayer API to edit a players settings, it is impossible to change your script as you want.
The only solution is to edit the script at its source.

I dont think you can do that using javascript.We generally use javascript to do changes in DOM and not in javascript itself.You can do one thing that you create.
<script>
if(typeof(jQuery)=="function")
{
(function($){$.fn.fitVids=function(){}})(jQuery)};
jwplayer('jwplayer-0').setup({"aspectratio":null,"width":604,"height":410,"skin":"beelden","primary":"html5","advertising":{"client":"vast",,"position":"post","tag":"http://vasttag"},"sharing":{},"image":"http://i1.ytimg.com/vi/image/0.jpg","file":"http://www.youtube.com/watch?v=hgfakjhs"});
</script>
and append it somewhere in DOM using javascript or jquery.
More better solution: Just edit the script added by plugin.It is the best approach.

One thing you can always do is use our JavaScript API - http://www.longtailvideo.com/support/jw-player/28851/javascript-api-reference
To make the VAST tag play after the video is complete. Just put this script block after the shortcode on your post:
<script>
jwplayer().onComplete(function(){jwplayer().playAd('your_ad_tag');});
</script>

Can a CSS code/file load JS code/file?

We know that using Javascript we can load CSS files.
But, can we load Javascript files or run Javascript code using CSS?
If yes, how? Is there any documentation for this?

I think IE and firefox supports CSS expressions which probably you may think of. Something like
width:expression(document.body.clientWidth > 800? "800px": "auto" );
but these are really bad things and you should avoid this
Also you should avoid CSS expression as much as you can.
You can use the CSS like this:
body {
behavior:url(xyz.htc);
}
and now in the xyz.htc file you can write like:
<PUBLIC:COMPONENT TAGNAME="xss">
<PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="ABC()" LITERALCONTENT="false"/>
</PUBLIC:COMPONENT>
<SCRIPT>
function ABC()
{
alert("Message");
}
</SCRIPT>

No, you can not run Javascript or import Javascript into CSS... not that you would ever need to.

No.
The closest thing I can think of is Netscape 4 had a thing called JavaScript Style Sheets (JSSS)
http://www.w3.org/Submission/1996/1/WD-jsss-960822

allow specific <script> tags in CKEditor

I am using DotNetBlogEngine and to post math equations I'd like to use MathJax, a JS Component which makes it super simple to embed LaTeX code like this:
<script type="math/tex; mode=display">
\sum_{n=1}^\infty {1\over n^2} = {\pi^2\over 6}
</script>
My problem is, as I put the HTML-Code in de Code-View of CKEditor save it an I reopen it it looks like this:
<script type="text/javascript">// <![CDATA[
\sum_{n=1}^\infty {1\over n^2} = {\pi^2\over 6}
// ]]></script>
I think this is for security reasons. Is there a way to allow script tags of type math/tex ?

I've tested the sample code in the demo at http://ckeditor.com/demo and I don't see any change to the contents or the attributes of the script.
I've tested Firefox, Chrome and IE9.
Are you sure that the problem is CKEditor and not something on your server, or some plugin that you have added?

Well the solution.
after a second look on the MathJax Documentation I found out that I can embed Math using the script-Tag as in my Question but also using the Latex Math-Block notation \[\]. For example:
\[x_{1,2} = \left(\frac{p}{2} \right) \pm \sqrt{\left(\frac{p}{2}\right)^2 - q} \]
it works.
It would have been possible to use a WSIWYG-Editor Plugin (like that wiris.com/portal/plugins/demo/tinymce/aspx ) the probelm, these plugins generate png pictures and reference them. They have less quality than MathJax.

Is Javascript Evaluation working in LESS (Leaner CSS)?

I am using LESS ( http://lesscss.org ) and it says ...
JavaScript evaluation
JavaScript expressions can be evaluated as values inside .less files. This is done by wrapping the expression with back-ticks:
The example provided is ...
#height: `document.body.clientHeight`;
So I've tried to do this in my html ...
<script type="text/javascript">
var fred=5;
</script>
<link rel="stylesheet/less" type="text/css" href="styles.less">
<script type="text/javascript" src="http://lesscss.googlecode.com/files/less-1.2.1.min.js"></script>
and this in styles.less ...
#height:`fred + "px"`;
.mydiv {
background-color:green;
height:#height;
}
But it just won't work!
Also tried variations on this such as using ...
#height:`fred`px;
#height:`fred`;
If I use ...
#height:20px;
It works as expected but I need to use Javascript evaluation.
I would really appreciate it if someone could help - Answers focusing on answering the question and not asking why I need to use Javascript evaluation would be greatly appreciated. Thanks very much all
Its worth noting that if I do ...
#height:`freddd`px;
where freddd is undefined, I get an error from the less compiler - hence it seems to know that fred is defined. However, currently I am not getting an error - it is just not doing anything when I use Javascript variable values.

I am working on the same thing. The way I have been testing the expression is to compile the less file in the browser as you are doing (I am using firefox with firebug). I inspect my rendered css by inspecting the head section of the rendered page and looking for
<style id="less:yourLessFileName-less-styles" type="text/css"> . Twirl that file open and you will see the compliled css. Scroll down until you find your selector and rule you are using the javascript expression for and see how it rendered.

You probably can't call variables created in JS. From what I understand, JavaScript expressions can be evaluated means just that you can evaluate stuff with JS functions and use default JS objects like document.body.clientHeight which doesn't mean that you can call variables from a different file and location. It just doesn't make sense that it'll let you do that, how is it supposed to find the variable?. I might be wrong tho..

This is ugly and there has to be a better way to write it in jQuery

$(this).parent().parent().parent().parent().find('[name=reply_to_id]');
Thats just stupid looking, but its the best way i can think of writing it. I tried parentsUntil('li') but that didnt work at all and i also tried parents('li') and closest('li'). Isnt there something in jQuery with the equivalent of:
$(this).firstParentThatMatchesThis('li').find('[name=reply_to_id]');
If not i think ill try submitting it to the jQuery core...
Here is my HTML (long so i put it on pastebin): http://pastebin.com/FypJ9WGe
Working on getting JSFiddle in there...

Try this:
$(this).parents("li").eq(0).find('[name=reply_to_id]');
Example: http://jsfiddle.net/FvzT9/
But, closest should work as well:
$(this).closest("li").find('[name=reply_to_id]');
Example: http://jsfiddle.net/FvzT9/1/

$(this).closest('li').find('[name=reply_to_id]');