I'm working on a WYSIWYG editor. I have a textarea that I'm using for the editing. Also, I have a button to insert images. When I click the button, a modal window opens, and the user can upload images, enter title, etc.
The problem is, that once I click inside the modal window, the textarea loses focus—and then the image can't be inserted at the cursor position. How do I prevent the textarea from losing focus?
This code works fine in Firefox and Opera, I can see that it put focus
on the correct input in IE, but by the time the page has loaded
completely it loses focus.
The first time you enter the page it works fine in IE too, but if you
click a link which gives the input a value after reloading the page the
above happens. Code:
I have a textarea where text can be entered and when pressing an image the copy sign will appear. When the copy image is pressed, it is only when the cursor is in the end of the text that the cursor comes after the copy sign.
When the cursor is put in the middle of entered text and the copy image is pressed, the copy sign appears in the end of the text. I would like for the sign to appear whereever the cursor is put and then focused right after the entered copy sign.
The code is:
<html>
<head>
<title>The Text Box</title>
<link rel="stylesheet" href="style.css" type="text/css">
[code]....
I have created a simple AJAX chat that polls the server every 2 seconds for new messages. The messages are displayed in a div layer, and the user types new messages in a textarea, the only problem is that when a new message appears it takes the focus from the textarea so you have to keep clicking back in the textarea to keep typing. Does anyone know how I can solve this?
View 2 Replies View RelatedIs there a way to give an input or textarea field the focus and set the focus to begin right at the end of the current text in the field?
View 3 Replies View Relatedprevent a textarea loosing focus when you press tab? And if yes, how to do this?
View 3 Replies View RelatedI wrote a program that serves no real purpose while trying to learn. It's posted at [URL]. I generate a simple table and everything works as expected. However, I have radio buttons that cause a like table to be generated. Afterward my mouse functions are inoperable. All new tables do generate correctly and the classes are identical to the original's classes. The significant part of the code is:
Code:
$(document).ready(function() {
generateTable($("#tbl"), 1, 3, 1);
$('.inlibutton').click(function(){
var valvalue= $('input[name=radbutton]:checked').val();
[Code]....
I've got a problem when I append a row to the table, the link in new <td> in probably not in jQuery Collection and I cant use jquery click or any action on it, just href go to url.
Maybe it will be more clear on my code :)
$('table tr td a').each(function() {
var $dialog = $('<div></div>').append($loading.clone());
var $link = $(this).one('click', function() {
$dialog.load($link.attr('href')).dialog({ (...some code...)
[Code]....
Till now it works, but when I link on this link in the new row it just open href in browser instead of openin dialog.
I load the content from json, but I lose persistence of location. I get the tree folded and I don't know what branch I'm on to. I managed to fix this by pasting the location code in .async.js,
var sm = current.find("a").filter(function() { return
this.href.toLowerCase() == location.href.toLowerCase(); });
if ( sm.length ) {
sm.addClass("selected").parents
("ul, li").add( sm.next() ).show
();
}
But now the branch is marked as selected, however the tree is not open (all folded).
I've got resizable divs:
$(document).ready(function() {
$
(".draggit").resizable({
[code]....
I have to following jquery lightbox code:
<script type="text/javascript">
$(function() {$('#largerview a').lightBox({
fixedNavigation:true,
[code]....
javascript that would remove the initial value of a text field within a form once the web visitor clicks on it? Below is a link to the page in question as well as the code...
[URL]
[Code].....
I currently have a slideshow working on my client's site, but I can't get lightbox to work properly on it. [URL]...
Is there a way to fix the existing slideshow to work with lightbox? Or is there another way of doing this (keeping the same look that is currently in place)?
The default behaviour of focus() method is displaying the cursor at start of the char(In FF focusOffset is 0(zero) and anchorOffset is 0(zero)). I need to display the focus at end of char after calling focus() method.
View 5 Replies View RelatedHow would i change back to the default length of textarea?
I have this comment area that after clicking submit i will append the new comment in the list of comments through ajax... i got one problem though, everything is working perfectly well except for the textarea that won't change back to it's default size...
EXAMPLE:
The problem is that the textareawon't change back to it's default size // let's say that the default size is rows=3
When I play the hangman game, the "You Lose" message is never displayed! You always win! There is no limit to incorrect guesses! The code below needs to be fixed somewhere, but I can't work out where.
Here is the code:
I'm currently making a web application which needs to be fully compatible with iPad. The functions I've implemented so far work perfectly on Firefox, Internet Explorer and other browsers. However, the iPad itself responds a bit different. After a certain action, I want to put focus on a textfield with the help of Javascript. Again, this works perfectly with the normal browser, the iPad browser however seems to be blocking the focus. The reason I'm not posting any code is because it's basically irrelevant. All I do is:
[Code]...
Is there a reason why setting focus to a textbox input, also gives
focus to a submit button on the page, to where if you click enter in
the text box, the submit button will be clicked.
I think the problem is cause by my lack of understanding of how the browser (firefox 3.6.3) handles focus.A simplified version of my problem is:I've defined the function
function two_focus()
{
document.getElementById("two").blur();
[code]....
Is there a way to set the focus on a form field without using focus()? I use ajax to build the form and if I try to set the focus using focus() an error is generate because of the form hasn't been built by ajax. So, it would be nice if I could set the focus() as I built the form.
View 4 Replies View RelatedCan anyone refer me to a site that demonstrates printing from a lightbox? I'm not looking for a site that explains how to print from a lightbox. I'm looking for a site that does printing from a lightbox.
Context: I think that a lightbox would be a good solution for some browser compatibility problems in my client's user interface. The information I need to display in the lightbox is a certificate which the user will print. For a lightbox plugin to be useful, I must be able to (1) print the contents of the lightbox, not the whole screen, and (2) show my client how the concept works.
I was originally planning to recommend Shadowbox until I realized that printing was a problem. I've found instructions for printing from Shadowbox, but no examples, which puts me in the position of having to do all of the implementation work before I can produce a demo that will enable my client to decide whether they want me to do it or not.
I'd still be happy to use Shadowbox if it meets my needs. I'd be happy to use anything else that meets my needs, too. I need a lightbox that can display an HTML page or (ideally) a PDF, not just an image file. Printing doesn't have to be started from the browser's menu; it can be started from a special button in the lightbox frame. (Shadowbox works that way.)
I'm using rapidweaver 5, theme creami3 from [url].
This theme has jquery enabled.
I would like to use lightbox, however whatever I try it won't work.
Some test sites:
[url]
[url]
[url]
I want to use a jQuery Lightbox for our new Web Site. I would like to have one lightbox where there is a large text sidebar on the right side describing the project represented by the slideshow. I would also like to style the text in the text box with Web Fonts if possible
View 3 Replies View RelatedI use table sorter ( latest 2.0.5) and Jquery latest for sort table !
It works fine!
BUT! in some tables, I've link for open image in a light box !
On the first page, all works fine !
But, as soon as i set the second ( or more ) page in the table, the link work like a classic link, not like a "lightbox class" link !
I've try with fancybox => same !
with shadowbox => same !
and with lightbox => same !
So, the problem come from tablesorter or the pager !
I was just wondering what's the best way to lay say a black 50%opacitycolour over the whole page like they do in lightboxes?
View 2 Replies View Relatedifmasonryworks,lightboxdoesnt. if masonry doesnt, lightbox works. The scripts seem to be in conflict.I've already tried Jquery.noConflict and using another version of lightbox. i found a sample site from masonry: [URL].. that managed to put both jquerys together and it works. But i don't know what is the problem with mine.[URL]...
View 1 Replies View Related