Click To Character Position
Oct 29, 2007Anyone know if it's possible to convert the co-ordinates of a click on
a div into a character position within the div's content?
Anyone know if it's possible to convert the co-ordinates of a click on
a div into a character position within the div's content?
function ConvertToUpperCase()
{
var result;
var numaric = "sonia";
var Character = numaric.charAt(0);
result=Character.toUpperCase();
//In Result char is coming in UpperCase
//I want how to replace the charater at postion 0 in numaric with result
}
I have a HTML form which takes some values including a password field. I have a JS function to check and alert when a user enters some particular special characters(this is bcoz only these characters are not allowed in the back end of the html form, all the other special characters are allowed). following is the code for it.
function checklen()
{
var iChars = "`<>";
for (var i = 0; i < document.ipform.password.value.length; i++) {
[Code]...
now i want a feature which does'nt allow the user to enter an uppercase letter or a special character(only these are allowed~@#$%^&*()-_+|) as the the first character of the password field. Since i am newbie to JS, It would be a great help if some one can help me to sort out this..
I thought this would be pretty easy, but a Google search on it had a bunch of advanced things. I simply want to have an event response on a anchor tag that returns the position of the cursor onClick.
So:
<a href="javascript:void(0)" onclick="position()">here</a>
Where, when you click "here", you alert the position of the cursor (using screenX an screenY, if I read it right). But I'm seeing things about registering events to the .document, etc., but no easy solutions. The ones that look easy say that you need to "pass the event" through the function, but they never say how.
I'd like to, for example, trigger a clic at (100px,50px) of the top/left corner of a div. Is it possible?
View 2 Replies View RelatedI have a web page that renders a table with about 300 rows in it, which means vertical scrolling. At the end of the page there's a hidden div element sitting. Each row in the table contains a button which needs to call a javascript which should position the hidden div right next to the clicked button. I've tried a lot of different approaches that I've found on google, but all of them only position the div around the top area of the page. If I scroll down a ways and click the button, I have to scroll back up to the top of the page to find the div.
The primary target is users using IE8, but of course, if there's a cross-browser solution for this problem, that would be super!
I have a product image that is 4 images 'sewn together' [url]
I am going to set a div called ProductImage and then have the background of the div set to this image, but with only the top image showing.
I then want to have a button for 'more views' and when this is clicked the background position shift to show the next part of the image showing a different view.
What is a suitable way to do this, I am hoping it could be done with a combination of css and javascript.
Soliciting thoughts on the best way to determine the position of a click event.
Here's what I'm using right now but it's not working:
Code:
function getMousePosition(evt)
{
var x, y;
if(evt.pageX)
{
x = evt.pageX;
y = evt.pageY;
} else if (evt.clientX)
{
x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;
y = evt.clientY + document.body.scrollTop - document.body.clientTop;
}
if(document.body.parentElement && document.body.parentElement.clientLeft)
{
var b = document.body.parentElement;
x += b.scrollLeft - b.clientLeft;
y += b.scrollTop - b.clientTop;
}
alert(x + ',' + y);
return [x,y];
}
The coordinates are WAY off in both firefox and IE. Can someone fix this?
I am facing a problem in getting mouse position when I click on a link, specialy the Y coordinate of the mouse position. I am using this code :
[color=Sienna]if (document.layers) { // Netscape
document.captureEvents(Event.MOUSEMOVE);
document.
} else if (document.all) { // Internet Explorer
document.
} else if (document.getElementById) { // Netcsape 6
document.
}
// Global variables
xMousePos = 0; // Horizontal position of the mouse on the screen
yMousePos = 0; // Vertical position of the mouse on the screen
xMousePosMax = 0; // Width of the page
yMousePosMax = 0; // Height of the page
function captureMousePosition(e) {
if (document.layers) {
xMousePos = e.pageX;
yMousePos = e.pageY;
xMousePosMax = window.innerWidth+window.pageXOffset;
yMousePosMax = window.innerHeight+window.pageYOffset;
} else if (document.all) {
xMousePos = window.event.x+document.body.scrollLeft;
yMousePos = window.event.y+document.body.scrollTop;
xMousePosMax = document.body.clientWidth+document.body.scrollLeft;
yMousePosMax = document.body.clientHeight+document.body.scrollTop;
} else if (document.getElementById) {
xMousePos = e.pageX;
yMousePos = e.pageY;
xMousePosMax = window.innerWidth+window.pageXOffset;
yMousePosMax = window.innerHeight+window.pageYOffset;
}
window.status = "xMousePos=" + xMousePos + ", yMousePos=" + yMousePos + ", xMousePosMax=" + xMousePosMax + ", yMousePosMax=" + yMousePosMax;
}[/COLOR]
It works fine for mouse move and displayes correct mouse pos in status bar.
But when on mouse click i try to get the position it return the xMousePos good, but yMousePos it return is related to the browser client area in IE rather than the my document ( html ).
So when i try to place a div their it is placed near top of the document bcoz it ignores the scrolling information. or the
document.body.scrollLeft
document.body.scrollTop
is always 0( zero ) as i debug it. Code:
I've got the following class. the onclick event works only with IE
although I believe I did proper handling for firefox. What is wrong in
this script? ....
I have this case:1) A #box that works as a container, it has overflow:hidden and position:relative.2) A #dynamic div that is inside of the #box, it has a padding:0 that gives it a height greater than its parent, it has position:absolute3) Inside the #dynamic div there are a random quantity of divs with the class of .item. There are two anchors, one anchor when clicked increases the top position of the #dynamic by 100px, the other anchor does the opposite.This is the code I tried:The problem with my code, is that when the anchor is clicked it only changes to 100px the value of the top position, instead of increasing its value by 100px each time it is clicked.By the way, the #dynamic div must always be in sight within #box, to prevent that many clicks send too far the position of the #dynamic. Making a big hole in the design.
View 2 Replies View Relatedi have the following code to get the change of position, I dont know how to make the list tell me the position of aspecific elementwhen i click it.
[Code]...
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
[Code]....
In my application (yes I know that it's asp) I need to automatically replace a character if it is found in the textbox Is there a way to do this. this is how it renders on the page
Here is the vb equivalent:
in jCarousel i have a list of items, what i would like to be able to do is when the user clicks on an item (say the 4th visible item in the list) the carousel would scroll so that the clicked item becomes the first visible item in the list.
View 1 Replies View RelatedI've been looking for an "Ajax CMS" but decided to learn jQuery to learn how to code it myself in order to earn some geek-girl cred among my male colleagues. I've learn a lot about jQuery in a week but as you can imagine I still have a lot to learn.
I have successfully animated an image (move to the left and increase opacity) when the mouse hovers a div and reset the image (move it back to its original position and reset the opacity) when the mouse move outside the div. So far so good...
Here comes the question: What I need to do -and don't know how to - is when the user clicks on the div the image should stay in the hover position while still being able to hover any other divs and activate the animation normally.
When a different div is clicked the previous "Clicked" div should return (animate) to its original position and the new "Clicked" div should stay in the hover position. Content will be loaded when the divs are clicked but there won't be page refresh since I'm loading the content by using the load funtion of jQuery.
I'm including the code:
Heres the code:
case "D": if ((Number(a1)==1) && (t.getDate()<10)) str+="0";str+=t.getDate();b
Its part of a date script. if i use
<!--
<![CDATA[
]]>
//-->
then the script doesnt work - but it is validXhtml....
I'm new to javascript and am not sure why this works in firefox and not chrome. I am trying to create a script that keeps an object fixed horizontally while bing positioned absolute vertically. if I replace the toPP variable in document.getElementById('fire').style.top = toPP; with say '50px' it will move the element down 50 pxs, but how I have it currently it doesn't do anything in chrome
<script type="text/javascript" >
window.onscroll = function()
{
if( window.XMLHttpRequest ) {
var x = 0 -document.documentElement.scrollTop;
var toP = String(x);
var toPP = toP + "px";
[Code]...
#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).
View 1 Replies View RelatedI have found nice short tutorial here: Rounded_Corners
It works fine unless I try to move it.
I have added only one DIV over all:
Now I see that my text (white) moved but not background.
How do I properly position the whole DIV of class "roundbox" ?
I cant really figure this out, the only thing i could see messing it up is the javascript:void(0) inside the anchor link but since there is a double click function and a click, it should only be one click.I put autoOpen which i think is also causing it, but i did that so theuser can open it, close it, and open it again so the delay "double click" is saying for the first time initialize and then the second click is opening?? if so how do i get around this?
HERE IS MY JQUERY
$(document).ready(function(){
$("#pro_edit_profile").hide();[code]....
HERE IS MY HTML FOR THE LINK
<a href="javascript:void(0);" id="pro_edit_pic_link" name="Change
Profile Picture">Change Profile Picture</a>
I have a HTML file that has a lot of content. In it I have a <div id="d1">somecontent</div> block. Would it be possible for me to know the position of this d1 (absolute or relative) displayed on the page / window if not setting it first ?
View 5 Replies View RelatedThere is a checkbox on a form page, when you check it, a div will become visible with some extra inputs needed for that situation. To simulate this click on the checkbox external, I use click(). With jquery files 1.4 and lower this works properly and like expected. When using jquery library 1.4.1 or higher, something does not seem to work properly. Sooooo, the code:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.min.js"></script>
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>-->
<script type="text/javascript">[code]....
Somehow I managed to get this thing 'sort of' working with 1.4.1 or higher. But the code to accomplish this is absurd. See functioncheckTheBox4Plus() on line 8. It works :) but shouldn't.. Or is it the other way around?
I did try searching first but for some reason when I put this character in google search fields I never find what I want, maybe not being recognized.
here's the code
this.size=a.size||2000;
this.handle_event=a.handle_event||'click';
what is the || character(s)?
Does anyone know the escape character for & and # like in :
Update GDO_INFO_ER set V_COMMENTAIRE='B&A' where V_USERMODIFICATION='bilal123'
or
Update GDO_INFO_ER set V_COMMENTAIRE='B#A' where V_USERMODIFICATION='bilal123'
I would like to insert & and # literally in the table.
I have a string that I'm properly URL-encoding to be passed in a URL.
Here's the tag from the HTML source:
<A HREF="javascript:openPopWin('takeit.php?568&10&dr.+hobo%27s+scalpel',
325, 325, 'scrollbars')">
But when I mouse-over the link, the %27 shows in the status bar as a ' and
when I click on it, I get a JS error because of the extraneous '. The +s
are not being decoded - why is this one character, and is there a way to
prevent it?