|
Thanks for your reply sir, i have basic knowledge over css. so i do not understand your below css code
@keyframes blink {
50% {
background: rgba(255, 0, 0, 0.5);
}
}
.blink {
animation-direction: normal;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-name: blink;
animation-timing-function: linear;
}
if you please kindly explain two above css. thanks
|
|
|
|
|
|
thanks for your link. i do not work with css. tell me those css is css3?
you said - Animating via Javascript or jQuery will never be completely smooth, because it's not hardware accelerated.
what do you mean by hardware accelerated.
thanks
|
|
|
|
|
Google[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
I am a novice to JavaScript and am trying to learn it out. I am struck with the automatic calculation of days and automatic insertion of month, calendar week based on the user entered data.
I searched and I got to calculate the differences only by static not by the user entered dates. Can anyone help me out here please.
I have 6 Text boxes.
In 1st textbox "Year" user enters a specific date (dd.mm.yy)
2nd text box needs to be automatically filled with the respective calendar week
3rd text box needs to be automatically filled with the respective month (Jan, Feb, Mar)
4th text box needs to be automatically filled with the respective year
5th text box user enters another date (dd.mm.yy)
6th text box needs to be automatically filled with the number of days difference between 2nd entered date and first entered date.
My code is as below.
>
$(function() {
$( "#datepicker").datepicker({ dateFormat: 'dd.mm.yy' });
$("#datepickerend").datepicker({ dateFormat: 'dd.mm.yy'});
});
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div>
<table border="0">
<tr>
<td>Date: <input type=text name="date" id="datepicker"></td>
</tr>
<tr>
<td>CW: <input type=text name="CW"></td>
</tr>
<tr>
<td>Month: <input type=text name="Month"></td>
</tr>
<tr>
<td>Year: <input type=text name="Year"></td>
</tr>
<tr>
<td>Ending Date: <input type=text name="enddate" id="datepickerend"></td>
</tr>
<tr>
<td>Days: <input type=text name="days"></td>
</tr>
</table>
</div>
|
|
|
|
|
use the change event of the date picker boxes to do the actual work and update the other boxes
$(function () {
$("#datepicker").datepicker({ dateFormat: 'dd.mm.yy' });
$("#datepickerend").datepicker({ dateFormat: 'dd.mm.yy' });
$("#datepicker").change(function () {
var d = $("#datepicker").val();
var cw = $("input[name='CW']");
cw.val('CW value goes here');
});
$("#datepickerend").change(function () {
var d = $("#datepickerend").val();
});
});
If you need help parsing the date picker values to actual dates then consult the datepicker documentation as that shows how to do that.
|
|
|
|
|
I am trying to implement an embedded code for an Audit tool. This code by itself has a url box, email, phone, and submit. When someone clicks on submit it shows them the errors associated with their website (seo)
Here are the changes I want:
1. I want only the URL box. NO Email Box.
2. When user clicks on "submit", he would be shown a custom contact page
<pre lang="text">:
<!--RoboAuditor embed code start--><center><div id="roboaudit"></div></center><script id="growthrobo" src="https://245.growthrobotics.com/assets/site/js/sitecheck.js" data-content="245"></script><!--RoboAuditor embed code end-->
modified 27-Jan-18 0:47am.
|
|
|
|
|
|
I need to open a java screept inandroid phone
|
|
|
|
|
Do you want to say enabling java script in android phone.If not why do you want to open java script in android phone
|
|
|
|
|
i need fileration of html table and pagenation using Jquery or javascript but should support by IE8
|
|
|
|
|
DataTables | Table plug-in for jQuery[^]
Supports IE6+, with jQuery 1.7 or higher.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
|
|
|
|
Sorry, no. This site does not provide code to order.
|
|
|
|
|
Hi,
I need a source code for an gear generator in Java.
I would like to create an program with which it is possible drawing gears with involute.
kind regards
|
|
|
|
|
1. This is not the Java forum.
2. This site does not provide code to order.
|
|
|
|
|
<pre>I need to regenerate the excel columns headers as well whenever the drop down changes.
I can't seems to find a suitable function.</pre> javascript
|
|
|
|
|
I want to build a web crawler that will take a list of urls and search those urls for events happening. I want the crawler to pick up details such as address, image urls, description of event, title of event. And anything else that would be useful for sombody wanting to know about an event. I would like to write this program in java or nodejs. Doing this project quickly and simply is important.
I have checked out nutch the java framework, but I had a difficult time getting going with it quickly. I want my web crawler to be up and running by the end of the week, so the simplest quickest solution is important.
What frameworks should I use and/or what advice do you have to complete such a project?
|
|
|
|
|
And please do not post the same question in multiple forums.
|
|
|
|
|
|
Hi Guys,
Hoping someone can help me out. I'm trying to display a thumbnail of an image but for some reason I can't seem to get the naturalHeight/naturalWidth or heigh/width of the image. I'm using the RadAsyncUpload control from Telerik in a Ajax environment. during debugging I can see all of the other details about the file but the height/widths are always 0.
Here's my script
<pre> <script type="text/javascript">
function OnClientFileSelected(sender, args) {
if ($telerik.isIE9 || $telerik.isIE8 || $telerik.isIE7) {
var input = args.get_fileInputField();
if (sender.isExtensionValid(input.value)) {
var img = document.createElement("img");
var thumbnail = document.getElementById("thumbnail");
thumbnail.appendChild(img);
if (img) {
img.style.visibility = "";
img.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = input.value;
}
}
}
else {
var file = args.get_fileInputField().files.item(args.get_rowIndex()),
index = 0;
while (!file) {
file = args.get_fileInputField().files.item(index);
index++;
}
var $row = $telerik.$(args.get_row());
showThumbnail(file, $row);
}
}
function showThumbnail(file, row) {
var image = document.createElement("img"),
thumbnail = document.getElementById(row.context.id),
breakLine = document.createElement("br");
image.file = file;
thumbnail.appendChild(breakLine);
thumbnail.appendChild(image);
var reader = new FileReader()
reader.onload = (function (aImg) {
return function (e) {
aImg.src = e.target.result;
};
}(image))
var ret = reader.readAsDataURL(file),
canvas = document.createElement("canvas");
ctx = canvas.getContext("2d");
image.onload = function () {
ctx.drawImage(image, 10, 10, 150, 180);
}
if (image.naturalWidth > image.naturalHeight) {
if (image.naturalWidth > MAX_WIDTH) {
height *= MAX_WIDTH / image.naturalWidth;
width = MAX_WIDTH;
}
} else {
if (image.naturalHeight > MAX_HEIGHT) {
width *= MAX_HEIGHT / image.naturalHeight;
height = MAX_HEIGHT;
}
}
var MAX_WIDTH = 800,
MAX_HEIGHT = 600,
width = image.naturalWidth,
height = image.naturalHeight;
canvas.width = width;
canvas.height = height;
var dataurl = canvas.toDataURL("image/png");
}
</script>
|
|
|
|
|