|
This is my java script.its lace on a image and when i click the circle it enlarges. But when i click it again it should be the normal size again. See the image below.. http://i.imgbox.com/adbuiwsa.png[^]
This is the code for the javascript circle.What i need is when i click the blue circle again it should be the normal size again... How do i code it?? I preffer is it is done using a variable...Pls help me guys.
$('#c1').click(function () {
clearCircle()
ResetCircle()
$(this).removeClass("blink1");
$(this).css('width', '190px');
$(this).css('height', '190px');
$(this).css('top', 243 - ((190 - 125) / 2));
$(this).css('left', 335 - ((190 - 125) / 2));
$(this).css('background-image', 'URL(assets/images/blue_back.png)');
});
|
|
|
|
|
Hey
What you can do is, you can move the following styles to a class:
$(this).css('width', '190px');
$(this).css('height', '190px');
$(this).css('top', 243 - ((190 - 125) / 2));
$(this).css('left', 335 - ((190 - 125) / 2));
$(this).css('background-image', 'URL(assets/images/blue_back.png)');
and you javascript will look as follows:
$('#c1').click(function () {
clearCircle()
ResetCircle()
$(this).removeClass("blink1");
if ($(this).hasClass("YourClass")) {
$(this).removeClass("YourClass");
} else {
$(this).addClass("YourClass")
}
});
|
|
|
|
|
Thanks! Appreciate it! 
|
|
|
|
|
you have to call the .css all in one line, or else each one will overwrite the previous.
or use
$(this).style.width = "100px";
$(this).style.height = "32px";
or use
$(this).style.cssText = "width: 100px; height: 32px;";
|
|
|
|
|
iam new for javascript. how to kill or terminate the specific process from taskmanager.
please let me know if anybody have an idea about this.
<html>
<body>
<script>
w = new ActiveXObject("WScript.Shell");
w.run("taskkill.exe /im notepad.exe");
</script>
</body>
</html>
Regards,
Srinivas
|
|
|
|
|
You can't. Giving a website access to terminate processes on the user's computer would be a massive security risk. If there was any way to do it, it would have been found, exploited, and patched many years ago.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
w = new ActiveXObject("WScript.Shell");
that ist Windows Host Script (WHS) and NOT Javascript.
ActiveX only useable with windows.
Javascript is a languange not only for browsers run unter windows.
w.run("taskkill.exe /im notepad.exe");
Use WHS inside browser: Only Internet Explorer.
|
|
|
|
|
JavaScript is the client side scripting language and you can not access Task Manager using JavaScript. So, you can not kill any process using JavaScript. Also, a website have access to only some specific folders of the drive and that access is very limited. You can not access anything outside those specific folders.
|
|
|
|
|
DropDown onchange event table row will be visible/invisible is not working in IE8 but in chrome its working fine.the code in given below. plz help me...is there any wrong in this code?....Thanks in advance.......
var $ = Object.prototype.$ = function(id){ return document.getElementById ? document.getElementById(id) : document.all ? document.all[id] : null };
function showHideTableRow(tr, show){
if(!tr){ return false; }
try{
tr.style.display = (show) ? '' : 'none';
return true;
}
catch(e){
tr.style.display = (show) ? '' : 'none';
return true;
}
}
function selAction(sel){
for(var i=0; i<sel.options.length; i++){
var trID = sel.options[i].getAttribute('bindTo');
if(trID !== ''){
var tr = $(sel.options[i].getAttribute('bindTo'));
var rtnVal = showHideTableRow(tr, i == sel.selectedIndex);
}
}
}
|
|
|
|
|
styles of object table only IE
are e.g.
style.display display Sets or retrieves whether the object is rendered.
style.visibility visibility Sets or retrieves whether the content of the object is displayed.
visibility only IE
visibility Attribute | visibility
Syntax
HTML { visibility : sVisibility }
Scripting object.style.visibility [ = sVisibility ]
sVisibility String "inherit" Default
"visible"
"hidden"
Example 1
<STYLE>
.vis1 { visibility:visible }
.vis2 { visibility:hidden }
</STYLE>
</HEAD>
<BODY>
<IMG ID="oSphere" SRC="sphere.jpg">
<P onmouseover="oSphere.className='vis2'"
onmouseout="oSphere.className='vis1'">
Move the mouse over this text to make the sphere
disappear.</P>
Example 2
<SCRIPT>
function disappear()
{
oSphere.style.visibility="hidden";
}
function reappear()
{
oSphere.style.visibility="visible";
}
</SCRIPT>
</HEAD>
<BODY>
<IMG SRC="sphere.jpeg" ID="oSphere">
Move the mouse over <SPAN ID="oTxt" onmouseover="disappear()"
onmouseout="reappear()"> this text</SPAN>
to see the sphere disappear.
display only IE
display Attribute | display
Syntax
HTML { display : sDisplay }
Scripting object.style.display [ = sDisplay ]
sDisplay String "block" IE 5.x and above
"none"
"inline"
"inline-block"
"list-item"
"table-header-group"
"table-footer-group"
default is "inline"
but default is block for
ADDRESS
BLOCKQUOTE
BODY
CENTER
COL
COLGROUP
DD
DIR
DIV
DL
DT
FIELDSET
FORM
Hn
HR
IFRAME
LEGEND
LI unter IE 6.x
LISTING
MARQUEE
MENU
OL
P
PLAINTEXT
PRE
TABLE
TD
TH
TR
UL
XMP
but default is "none" for
BR
FRAME
nextID
TBODY
TFOOT
THEAD
but default is "list-item" for
LI IE 6.x and above
Example 1
<SPAN ID=oSpan>
This is a SPAN
</SPAN>
in a sentence.
<P>
<INPUT TYPE=button VALUE="Block"
onclick="oSpan.style.display='block'">
:
Example 2
<SCRIPT>
function getPets()
{
oRow1Cell2.style.display="none";
oRow2Cell2.style.display="block";
oRow3Cell2.style.display="none";
}
</SCRIPT>
:
<TABLE>
<TR ID="oRow1"><TD>Horses</TD>
<TD ID="oRow1Cell2">Thoroughbreds</TD>
<TD>Fast</TD></TR>
<TR ID="oRow2"><TD>Dogs</TD>
<TD ID="oRow2Cell2">Greyhounds</TD>
<TD>Fast</TD></TR>
<TR ID="oRow3"><TD>Marsupials</TD>
<TD ID="oRow3Cell2">Opossums</TD>
<TD>Slow</TD></TR>
</TABLE>
:
<INPUT TYPE=button onclick="getPets()"
VALUE="Show household pets">
|
|
|
|
|
please use <pre> tag for code formatting and more redablity
|
|
|
|
|
use onclick instead of onchange it will not cause problem in any browser 
|
|
|
|
|
Thanks...It's working .........
Nandan
|
|
|
|
|
I want to override window.close native function to perform my own operation before window close. Window.close overriding is not working in IE-10 and IE-9 in Standard mode without compatibility mode. Window.close overriding working in compatibilty mode.
Please help.
Thanks
Tahir.
|
|
|
|
|
You might want to try jQuery's unload:
$(window).unload(function()
{
});
Cheers,
Edo
It is a paradox that paradoxes would actually exist in reality.
That means of course that they don't exist.
However, they do!
∫(Edo )dx = Tzumer
∑k( this.Kid) k = this. ♥
|
|
|
|
|
Thanks Edo For your rply,
But i have used window.close in several places in my product so need to override window.close.
|
|
|
|
|
You are most welcome, did it work?
It is a paradox that paradoxes would actually exist in reality.
That means of course that they don't exist.
However, they do!
∫(Edo )dx = Tzumer
∑k( this.Kid) k = this. ♥
|
|
|
|
|
It works but i want to close the window by overriding window.close. Please suggest anything else.
Thanks
|
|
|
|
|
Only one way
function close is a pre-defined property of window object.
Please use event bubbling of close() and window. Insert a new funktion that recives this event what you want (event handler).
Prototyping of a function ... try it.
events of window (IE)
Event Description
onactivate Fires when the object is set as the active element.
onafterprint Fires on the object immediately after its associated document prints or previews for printing.
onbeforedeactivate Fires immediately before the activeElement is changed from the current object to another object in the parent document.
onbeforeprint Fires on the object before its associated document prints or previews for printing.
onbeforeunload Fires prior to a page being unloaded.
onblur Fires when the object loses the input focus.
oncontrolselect Fires when the user is about to make a control selection of the object.
ondeactivate Fires when the activeElement is changed from the current object to another object in the parent document.
onerror Fires when an error occurs during object loading.
onfocus Fires when the object receives focus.
onhelp Fires when the user presses the F1 key while the browser is the active window.
onload Fires immediately after the browser loads the object.
onmove Fires when the object moves.
onmoveend Fires when the object stops moving.
onmovestart Fires when the object starts to move.
onresize Fires when the size of the object is about to change.
onresizeend Fires when the user finishes changing the dimensions of the object in a control selection.
onresizestart Fires when the user begins to change the dimensions of the object in a control selection.
onscroll Fires when the user repositions the scroll box in the scroll bar on the object.
onunload Fires immediately before the object is unloaded.
methods of window (IE)
Method Description
alert Displays a dialog box containing an application-defined message.
attachEvent Binds the specified function to an event, so that the function gets called whenever the event fires on the object.
blur Causes the element to lose focus and fires the onblur event.
clearInterval Cancels the interval previously started using the setInterval method.
clearTimeout Cancels a time-out that was set with the setTimeout method.
close Closes the current browser window or HTML Application (HTA).
confirm Displays a confirmation dialog box that contains an optional message as well as OK and Cancel buttons.
createPopup Creates a popup window.
detachEvent Unbinds the specified function from the event, so that the function stops receiving notifications when the event fires.
execScript Executes the specified script in the provided language.
focus Causes the element to receive the focus and executes the code specified by the onfocus event.
moveBy Moves the screen position of the window by the specified x and y offset values.
moveTo Moves the screen position of the upper-left corner of the window to the specified x and y position.
navigate Loads the specified URL to the current window.
open Opens a new window and loads the document specified by a given URL.
print Prints the document associated with the window.
prompt Displays a dialog box that prompts the user with a message and an input field.
resizeBy Changes the current size of the window by the specified x- and y-offset.
resizeTo Sets the size of the window to the specified width and height values.
scroll Causes the window to scroll to the specified x- and y-offset at the upper-left corner of the window.
scrollBy Causes the window to scroll relative to the current scrolled position by the specified x- and y-pixel offset.
scrollTo Scrolls the window to the specified x- and y-offset.
setActive Sets the object as active without setting focus to the object.
setInterval Evaluates an expression each time a specified number of milliseconds has elapsed.
setTimeout Evaluates an expression after a specified number of milliseconds has elapsed.
showHelp Displays a Help file. This method can be used with Microsoft HTML Help.
showModalDialog Creates a modal dialog box that displays the specified HTML document.
showModelessDialog Creates a modeless dialog box that displays the specified HTML document.
|
|
|
|
|
Thanks twseitex . i ll try n let u knw .
|
|
|
|
|
please, if possible can you give the example.
|
|
|
|
|
Hello,
I tried to apply this code here
http://www.appelsiini.net/projects/lazyload[^]
But the picture does not appeare, I do not know what is the problem
this is my code here
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery.js" type="text/javascript"></script>
<script>$("img.lazy").lazyload();</script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
<title>Your Website</title>
</head>
<body>
<img class="lazy" data-original="../img/66_Rafael20%Ginatulin20%-white20%GREEN20%LIFE20%001.jpg" src="mg/grey.gif" width="640" height="480" alt="No-Image">
</body>
</html>
Can any one give me some help please!
|
|
|
|
|
I try your code. It doesn't work. but below code works fine. Hoping it will help you.
$(function() {
$("img.lazy").lazyload();
});
|
|
|
|
|
Thank you, I had to put the script before the end tag of body. It does not work in the head.
modified 13-Aug-13 7:07am.
|
|
|
|
|
check your image path first is that one ok?
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
