It sounds confusing, but is quite simple. I have a square div, and using css I have four circles replacing the corners of the of the divs border. I want the user to be able to click on one of the corner circles changing the curser image and calling the Javascript onclick event. How do I did that?
View 6 RepliesWhat I want to do is change the border of several images on the page to show a 4px border. There are many images on the page so I just want to call the changeborder() function on the onClick event so as the image that has been clicked changes. However, I don't think using this.style.border to identify the element works when placed within the function. That is, how do I identify, from the function, which image has been clicked? My current code (which does not work) looks like this but I am sure its possible to gather what i'm trying to achieve:
<script type="text/javascript">
function changeborder()
{
this.style.border='4px solid red'
}
</script>
<img style="border: 1px solid #F4F4F4;" onclick="changeborder()" src="images/colours/010.jpg" border="0">
So, I wish make html input type text with rounded corners. I want make this with on JS.
View 1 Replies View RelatedI am using the curvycorners.src.js script in order to achieve rounded corners in IE. If you go here: [URL] and then drag and resize your browser screen, you will see that the header and bottom section move out of alignment. When I remove the Curvy Corners script, the issue goes away. For some reason though it is only affecting the home-page of the site (not the sub-pages).
View 1 Replies View Relatedi have some code as follows
[code]
$(document).ready(function() {
$('a.poplight[href^=#]').click(function() { /do something });
});
[/code]
when i click on a <a> tag with class poplight this works fine. But when i add another anchor tag dynamically to my page (without a page reload, via ajax) like below...
[code]
$('#Table tr:first').before('<tr><td><a href="#?w=700&v=edit&id=23" rel="popup_name" class="poplight" >click here</a></td></tr>');
[/code]
and if i click on that anchor tag that was no placed on top of my first row it does not call the click event instead i can see the variables i tried passing through that anchor tag on my url.
any clue why this is happening.... i donot get any errors as well on firebug.
is there a way how to detect if mouse is over the border table and over cell border? and if yes, when user click and host button and move mouse cursor (to increase cell width) which event should i detect ?
View 1 Replies View RelatedI need to make a $.post call on the beforeSend event of another $.ajax call.I read the documentation and I see that if the beforeSend return false the ajax call will be interrupt.So I made this code but doesn't work, because the real value of the beforesend function isn't true or false, is the value of the post.I have to do this because when you click on a link I need to verify before if you are able to do this via db permission of my webapp.I think you don't understand...This is the code:
$.ajax({
async: true,
beforeSend: function(){[code]....
});I see always the alert of success event, so the return of the beforesend is not correctly done.
I'm currently facing a weird issue with the onchange event. I have a web application where each blur event makes a call the webserver to store the value of the textfield. I only want to trigger that ajax call when something has changed, so i track the onchange event on each textfield to set a flag if something has changed.
The onchange event always fires to first time when i click outside of a textfield even if i didn't change anything in the field.
I narrowed it down to the following: A prefilled textfield always fires the onchange-event the first time you leave the textfield. An initially empty textfield does not fire the onchange event.
Sample code (IE 8 on Windows 7 computer):
script:
HTML:
I'm building a webpage using javascript and iframes. Basically I have an iframe in the middle of the index.html page that links to another html page (let's call it iframe.html). My question is, is it possible to call a javascript function from iframe.html to control an object on index.html? If so, how do I do this? I'd like to be able to assign an image in iframe.html with the hyperlink of href="javascript:function()", where the function effects the CSS of a div on index.html.
View 2 Replies View RelatedI ve a aspx page with a textbox.I have created the Text_Changed event
for this textbox.We know that , this will be fired when we enter any
text in that textbox and pressing the enter key.quite natural.
I am putting some text in that text box thru javascript from the
window_onfocus event.
After that , i need that the text_changed(server event) event to be
fired,so that i could perform some search operation.
Could you please tell me how can i call the Text_changed server event
from the javascript.
I am new in jQuery. Actually in my application I want open a new tabs on every link. So that is done with following code. It is working fine. I have many textfields and buttons on every tab. So I want to disable those elements on tab loading
[Code]...
I have a problem with jquery and events.if a html file where i some structured divs like:
<div id="foo">
test <div id="bar"> test2</div>
</div>
i have 2 jquery function for every div. but if i click the div with the id bar. both functions gets called.Is there any way to block the first event?
I have a small portal website with some ads around. I'm in the process of creating an ads manager script with php and mysql and would like to know when an ad was clicked. I'm confused on how to do this but, the only way I can think of is by adding an onclick even to every ad img:
HTML Code:
<a onclick="callfunction('ad_id');" href="ad url"><img src="path"></a>
Now, how would I call a php function with onclick? I guess that can be done with ajax but, don't know much on how to use it?
I haven't found in my CSS book how to create a gradient to fill a division
tag, and to create a border with round corners.
Is it possible using either CSS or JavaScript? I'd like to create a menu bar with a gradient in the background, and I want the top corners to be a little round with a 5px radius.
I'm trying to get borders to display properly with this plugin:On the page it says to use the keep option, but it does not give an option to specify what colour the border should be , if I specify the type of border in a stylesheet: like (border:1px solid #d4d4d4;) it shows the border great in firefox, but in ie6 and 8 it shows the border but not to the contours of the rounded box (ie square)
View 3 Replies View RelatedI've downloaded the curvy corners codes from the following address: http:[url]....
The instructions in the curvycorners.src.js file say that all i need to do is add the following piece of code which I've inserted into the head section:
<script type="text/javaScript" src="js/curvycorners.src.js"></script>
<style type="text/css">
<!--[code].....
I am no expert in javascript. In fact I tend to use just open source when i use it at all but I believe there is a javacript script fro creating rounded corners for boxes? my question is: will this size to the size of someones monitor or viewport?The one i have found is as below. Can anyone tell me whether this script would. If not are there any orthers that do out there?
HTML Code:
function NiftyCheck() {
if(!document.getElementById || !document.createElement) {
return false;
[code]....
Does anybody have an idea how to call CGI on a onclick event when link
is clicked. This is a sample that works in some situations but
sometimes new page loading is to fast.
<a href="http://www.google.com" onclick="new Image().src='http://
www.example.com/process.cgi?p=1'">
This is first shot at jQuery and I need some help to achieve what I intend to do.
I have a click event associated with a div
[Code]...
Currently the function is called on click. I would like to call that function for the ul on load. How do I do this?
I have a button and when I click on the button I want to reload my DatePicker accordingly and launch the beforeShowDay event of the datePicker from my click event. How can I do that? How to set the DatePicker date to the ListDate[0] date?
var
ListDate
=
new
[Coe].....
I've got a script which is called by a keypress event, something like this:
<html>
<head>
<script type="text/javascript">
function respondToKey(e) {
keyPressed = String.fromCharCode(e.which);
if(keyPressed == 'g'){
alert('you pressed the g key');
window.open('http://google.com');
}
}
</script>
<title>Untitled</title>
</head>
<body onkeypress="respondToKey(event)">
hit the g key to open a google window
</body>
</html>
when you hit the right key, the alert appears, but the window.open() never happens. There's not even a message in the Error Console, just nothing.
Is this a security feature? Any way I can get around it? And, if it's a security feature, is the fact that it fails silently with no error message also a security feature? Because it's rather annoying.
I have an html input and when a button is clicked, that input's value is passed to a function. However, the value becomes undefined when execution gets inside the function despite NOT being undefined inside the event handler! See below code...
View 4 Replies View RelatedI have a button that I wish to call a predefined function (Go()) shown below, but, I wish part of the URL that is sent to the function be inputted by the user.
function Go(URL)
{
window.location = URL;
}
Here is the code I have for the button, but I am getting a syntax error. What do I need to do?
<input type="button" value="Duplicate" onclick="Go(CustomerMailingList-duplicate.asp?ID=<%=rs(strPrimaryKeyFieldRecordset)%>&CustNum=prompt('Enter New Cust #', '0')">
I am using Malsup's Rounded Corners plugin, which is amazing! I use Chrome and Firefox so it looks great. However mycolleague using IE, complained that the corners aren't round. So I looked and the corners are but the border is not (using the "keep" setting).
I saw that on ff/chrome you are using the border-radius which isn't supported by IE<9. Is there some other way to get the borders looking round on IE7,8 or do I just have to turn off the borders?
I am using curvy corners, and it is working fine, as long as I only want one rounded box...I want (at least) two, and I am having trouble adding a second <div id> to the script.I'm not able to decipher much of javascript, and the explanation that came with the code isn't clear enough for me.Here's the code...
<script type="text/JavaScript">
window.onload = function() {
var settings = {[code].....
when I add "<-script type="text/javascript" src="content.js">, javascript stop running. I have nothing in content.js, is just for test.I made a short script without "content.js" and working. Why?
Example: THIS WORK
<html>
<head>
<title>trala</title>
<script type="text/javascript">
[code]....