Datatables jquery-ui and position of global search field - datatables

With Datatables, I just switched over from the Datatables css to the jquery.datTable.jqueryui.css.
I've been having a hard time trying to figure out how to correct these issues:
The property that will let me correct the label text vertical alignment of the "show ... records per page',
so I can get it to v-align to the bottom
(some other style I have must be hitting it and taking it to v-top
and it looks bad like that).
How can I get the "search" label and field back up on the far right
and on the same line as the "show ... records" field?
How would you apply styles to the text labels of those fields (color, size, etc.)?
I have no styles or attributes effecting things right now, other than whatever base style might be causing the "show...records" text to v-align to the top.
I've tried a few solution and the best result I've gotten so far is that search will move over to the right like it normally would be, except it's still on a new line (so one line down from the "show...records" text & field.
Thanks for any help.
<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.structure.min.css">
<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.theme.min.css">
<link rel="stylesheet" type="text/css" href="../../css/dataTables.jqueryui.css">
<link rel="stylesheet" type="text/css" href="../../css/jquery.dataTables_themeroller">

This will give you the "records per page", filter, and pagination on the top of your datatable; spaced using bootstrap grid classes.
sDom: '<"H"r<"col-sm-5"i><"col-sm-3"f><"col-sm-4"p>>t',

Related

Read plain text on a non-HTML web page, VBA/Excel

I'm pretty new to VBA, but I haven't found a possible solution to the problem in other programming languages.
Let’s say we have a non-HTML web page (e.g. JS, SQL etc.) so that standard HTTP GET operation returns us HTML tags without the desired content.
Conversely, if we do copy-paste (Ctrl + c, Ctrl + v), we can directly copy the text that appears on the page, no matter what language it is displayed.
Is it possible in VBA (or any other programming language) to copy only the text that appears on a web page? (Not parsing, but actually doing CTRL + C and then CTRL + V)
Edit:I think it would be good to add an example to my intention.
Check out this link: cssscript.com/demo/calendar-generator-base It contains a calendar JS-based.
Now, if we try to perform HTTP GET on the above page, we will not see "June" or the day numbers per month (You can see here HTTP GET request)
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Simple Calendar Generator Example</title>
<link href="https://www.cssscript.com/wp-includes/css/sticky.css" rel="stylesheet" type="text/css">
<link href="https://www.cssscript.com/wp-includes/css/sticky.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./style.css" />
</head>
...
However, if you get in the webpage and do CTRL + C and then CTRL + V you can copy the values ​​I mentioned (You can see the result here, or just try to copy to yours notepad)
Download
Back To CSS Script
Simple Calendar Generator Example
June
Mo
Tu
We
Th
Fr
Sa
Su
1
2
3
4
5
6
7
8
...
Thanks

How to order an asp-src-include statement?

I used:
<environment names="Development">
<script asp-src-include="~/js/*.js"></script>
</environment>
I had two js files, ~/js/jquery.js and ~/js/bootstrap.js but the outputted script tags were in alphabetical order, i.e. bootstrap.js then jquery.js, but jQuery needs to be first.
I got around it by changing to:
<environment names="Development">
<script src="~/js/jquery.js"></script>
<script src="~/js/bootstrap.js"></script>
</environment>
Is there a way to still use asp-src-include but to have more control over the order it uses?

MSBuild to update html tag

Here is my html file:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script id="ScriptId" src=""></script>
</body>
</html>
I want to replace empty src by script.js.
I tried with XmlPoke, but my XPath query doesn't work I think or maybe I can't do this way:
<XmlPoke XmlInputPath="test.html"
Query="/html/body/script[id='ScriptId']/src"
Value="script.js"/>
Thanks in advance to help me to update this src value.
Attributes in XPath are prefixed with #.
/html/body/script[#id='ScriptId']/#src
You probably shouldn't be using something designed for XML with HTML as two are not the same, at best, if HTML is well-formed, it'll strip out non-XML stuff like DOCTYPE, at worst it'll blow up.

<fb:comments> is displaying different layouts according to the href used inside. Why?

I'm trying to understand why two different layouts are displayed by the placeholder, according to the href parameter used inside of it. Quick example - say I'm using http://example.com/ as the href resource - I'll get the usual header before the comments, with the number of comments on the left and "Add a comment" on the right. However, when I'm changing the href to the one I really need (i.e. the page where the box resides), I only get a list of comments, no number of comments, no "add a comment". Have a look at this to see what I mean: http://popz.ro/comments.php?aid=1
Why, oh why? (something to do with the app I've registered?)
Thanks!
When I go to your link, I see a comments area as well as an input box to add new comments.
This appears to be correct based upon the plugin code used:
<fb:comments width="950" href="http://popz.ro/comments.php?aid=1"></fb:comments>
I also see you've got the og meta tags specificed too, which will help:
<meta property="og:title" content="Popz" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://popz.ro/comments.php?aid=1" />
<meta property="og:image" content="http://popz.ro/png/fpopz.png" />
<meta property="og:site_name" content="Popz | fresh de stiri" />
<meta property="fb:admins" content="584603173" />
<meta property="fb:app_id" content="277079292362391" />
Also the app_id matches between the FB.init() code as well as that specified in the meta tags. So there's no problem there.
I see only 2 comments, and the default is 2, so it's not going to show the # of comments until you go over that amount.

Dojo NumberTextBox : defining max constraint

I'm having troubles with the NumberTextBox max constraint. If I use standard markup declaration and create the numbertextbox with default setting, e.g.
dojo.require("dijit.form.NumberTextBox");
<link href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/resources/dojo.css" rel="stylesheet" />
<link href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dijit/themes/claro/claro.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/dojo.js" djConfig="parseOnLoad:true"></script>
<body class="claro">
<input id="q05" type="text" dojoType="dijit.form.NumberTextBox" constraints="{places:0}" required="true" >
this control is constrained to be max of 16digits. And that's the issue. What if I need the user to be able to enter a 16+ digit number?
I seem to be unable to overwrite this with the constraints:"{max:99999999999999999999}" (it's 20 of them) nor with the maxLength:"20" attributes.
Any ideas on how to properly set the control to be constrained let's say up to 20 digits, instead of 16 (which appears to be a limit now)?
Thank you
Use ValidationTextBox and use propert regExp to narrow possible input.