I know this isn't related to generic javascript but I didn't found a
group dedicated to the FCKEditor. I'm sorry for the inconvenience.
I'm desperately trying to set the focus into a FCKEditor component
(client side). I know that the FCK object exposes a "Focus()" method
(the capital F isn't a spelling mistake). The problem is I don't know
how to bind to this object from my container page (aspx). How can you
reference this object?
Currently in my html document I use the onload command inthe body section to
set the focus to a certain field. eg
Is there a way to set the focus to another field in a different frame other
than the one that the current document is in?
In my example, I have a frame called "top" that I would like the focus
setting to whenever a certain document is loaded in the frame "main".
Is there a programmatic means to set the focus to a component in a form when
the document loads?
I wrote code for a scramble word game and I am trying to set focus everytimge I click on check button..I've got it so it will set focus when I start game, but whenever I put put setFocus() on the onclick of the button it will not work.is there any way the I can have two procedures for onclick.like <input id="inbox" type="text" /><input type="button" value="check" onclick="guess()" "setFocus()"/>I also want to selectall if the word is incorrect not sure how to go about doing this..I did research on this problem, but they all give me examples on applying just one thing to the onclick not two..
View 3 Replies View RelatedThere is a tab control on a page with multiple tabs and handful of
controls in each tab. The way it's rendered in html (like grid etc..)
is in table format in tablerows and cells.
On clientside, on form validation in javascript, I would like to set
focus on to one of the tabs
and set the focus to the control on that tab.
I find this (tab) control by looking through all 'td' s and by it's id.
Now that I have "td" control, I would like to set the focus on to this.
Here is what I do. (FindHtmlControlByID method returns the control based on type and id)
firstTab = FindHtmlControlByID('TD','UltraWebTab1td0');
secondTab = FindHtmlControlByID('TD','UltraWebTab1td1');
secondTab.style.visibility = 'visible'
secondTab.focus();
textBox = FindHtmlControlByID('INPUT','uiTextBox1');
textBox.style.visibility = 'visible'
textBox.focus();
textBox.focus() fails with the message it's either not visible or not
enabled or it is a type of control that cannot be focused. If the tab
already had focus, then this works ok.
I would like to know how to set the focus on a radio button (if it is
possible) I tried button[0].focus() but with no luck
The reason that I need to do this is to validate a form. If the user does
not select a radio button I would like my validation code to set the focus
at the first radio button within the pair that was not selected that way
he/she does not have to look for it.
I'm opening a dialog box using the jQuery UI dialog methods, this box will display a form, and I would like to autofocus the first element. I'm also modifying tabindex of the different form fields of this new form in order to make them a lot higher than those of the original page, and thus navigate through the form using only the tab key. The issue is that I can correctly change tabindex values, and correctly focus the first element but pressing tab will not focus the next element in my newly added form but seems to act as I was focusing the first "tabindexable" element of my original page. I also note that manually focusing (ie. clicking) the element cause no problem, new tab index order is respected. Does anyone have a clue where it can came from ? Something seems to be messed up in the tabindex order. Tested on FF3, maybe the browser only update tabindex order on "manual" focus and not when modifying attributes ?
View 2 Replies View RelatedI am working in a third party application which has a hookinto their window.onload() function.(it calls my fnCustomOnload. In my fnCustomOnload() function I have tried to bind a focusout event on a particular input and have it call a function callled fnGetRestriction(). The function fnGetRestriction()actually works without errors, I have forced it with the grabfocus.focus (lines 2 and 3)but it is called not being called anytime other than once at the beginning when it is force by lines 2 and 3.. The line that performs the alert() (line 4)works properly all the time. What is wrong with line 5?
View 1 Replies View RelatedThere are many ways for setting focus on form fields. I'm actually looking for some code that automatically detects if there is any form on the page & then automatically sets the focus to the first field of the form.
No need of putting Form Name & Field Name in Javascript. Is there any way to do this ???
I want to set focus to a text field on a php page which is loaded by ajax.I used document.f.srch_txt.focus() .But it not working.
View 2 Replies View RelatedI've got this hidden div that pops up using jQuery when the login menu item is clicked.
<div class="entry-wrapper" id="reg-login" style="display:none;">
<div class="t"></div>
<div id="loginFormHolder" class="c">
<div class="close">
<a href="index.php" class="spotlight-close"> </a>
</div> <!-- close -->
<div class="login">
<div> <!-- blank --> .....
What I'm trying to do is setting the input focus on the user_session_username text input and the code is not working. The div pops up but the focus is never put into the user_session_username edit field.
I am trying to throw in some client-side validation to my php web form. My problem is that only one field is actually getting validated. Here is the code:
Form: onSubmit="return checkForm(this);"
script: function checkForm(form) {
var firstname = document.getElementById("wpFirstName").value;
var lastname = document.getElementById("wpLastName").value;
if (firstname == "") {
document.getElementById("firstNameError").style.display="inline";
document.getElementById("wpFirstName").select();
document.getElementById("wpFirstName").focus();
return false;
}else if (lastname == "") {
document.getElementById("lastNameError").style.display="inline";
document.getElementById("wpLastName").select();
document.getElementById("wpLastName").focus();
return false;
}
return true;
}
The if statement evaluating the last name field is the only statement that evaluates to true. It seems the first statment is bypassed. Any ideas? PS. the element with the id lastNameError/firstNameError is in a div tag.
I am trying to get FCKeditor to work on my website using php.
//basic editor:
$oFCKeditor = new FCKeditor('tech') ;
$sBasePath = $base.'admin/fckeditor/'
//$sBasePath = $_SERVER['PHP_SELF'] ;
//$sBasePath = substr( $sBasePath, 0, strpos( $sBasePath, "admin" ) ) ;
$oFCKeditor->Config['CustomConfigurationsPath'] = $sBasePath.'myConfig2.js'
$oFCKeditor->Config['EditorAreaCSS'] = $base.'styles/default.css'
$oFCKeditor->BasePath = $sBasePath ;
$oFCKeditor->ToolbarSet = 'Macarbi' ;
$oFCKeditor->Config['SkinPath'] = $sBasePath.'editor/skins/office2003/'
$oFCKeditor->Value = $tech;
where $base is: $base = '/home/public_html/'
this works fine on my development machine (Windows).
I upload to my prod server (Linux) and get a 404 error. (I changed the path and it is definately right. i have check about a million times!).
I try change the base to a relative url (./) and it seems to find it, but gives me a blank area. looking at the source it is doing loading and creating the correct code (the same as the code from my dev machine, but just with the relitive paths).
I am running FCKEditor 2.6.4 and am looking for a solution to insert onClick and onMouseOver external javascript into the anchor tags of my editor instances. This insertion would be handled via a toolbar button.
What I already know and have tried:
1. Know how to manually do this task in source view.
2. Already created the 2 javascripts I want to use, and proven they work when I insert the script in the editors source mode.
3. Already started making the plugin, but I'm lost on making the actual processing file as I do not want a dialogue window, just have the user click the button in the toolbar.
4. Already have created my fckplugin.js file and toolbar button.
As an example, here is what I have accomplished:
The standard image with its link is:
I already have a style class for the link, the styleclass sets 50% opacity until hovered at 100% opactiy, that was easily accomplished by applying the style to the Insert/Edit Link > advanced tab (after setting it in the editor stylesheet).
Here is what I'm trying to accomplish:
We start out with the same linked and styled image...
The user clicks the plugin toolbar button and the link source code is modified to the following:
I've been playing with some javascript code and have produced a very
rough proof of concept source code editor written in javascript (a bit
like FCKeditor). Its not ready for release ((L)GPL>2 when it is) but I
thought I'd ask for any guidance and tips.
The intention is to provide a language nuetral source code editor
writen purely in html and javascript so that it can provide code
highlighting/completion etc, eventually as part of an ajax(ish) IDE so
with fckeditor you can manage web sites completely remotely.
There is a temptation to try and use mozilla/venkman but I'd like it to
run on small handhelds too so I will stick to writing it in pure
Javascript/Html.
The intial plan is to produce a javascript editor and then a stylesheet
editor (using the CSS editor on Firefox may make this a low priority)
but I'd like it to be configurable for any language so almost any
coding can be done over the web.
Anybody know any examples of similar that I could plagiarise to get the
basic architecture right?
I am having problem with displaying data in fckeditor. I am opening clone dialogs that display forms from another page. Everything comes up fine but fckeditor is not displaying any data in it. This only happens on IE8, no issues on FF. If I view this page outside the jquery dialog everything works fine. So there is conflict between jquery dialog and fckeditor.
View 1 Replies View RelatedHave a problem with correctly unload (destroy) FCKeditor object fromDOM, created through $.fck() plugin?I wana edit HTML content on fly. Double click to content block iscalled FCKeditor through you plugin. Button "Save" is post data toaction.php script. I want use Ajax for avoid reload page. Can I makebutton "Cancel" that make unload FCKeditor from DOM on fly.I tryed use $.remove() method, but any next call .fck() is failed.
View 1 Replies View RelatedI'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.
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 RelatedI 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 RelatedI'm attaching an onfocus event handler to an anchor tag like this:
if(window.attachEvent) anchor_node.attachEvent('onfocus', gotFocus);
if(window.addEventListener) anchor_node.addEventListener('focus',
gotFocus, false);
function gotFocus() {
alert('i got focus');
}
Is there any way to tell the difference between when this anchor is
focused by a user (perhaps by tabbing to it) as opposed to when I
programatically do it via anchor_node.focus()?
When a website is loaded, is there anyway of using Javascript to get the address bar focus and delete the contents?
I'm not sure if there would be restrictions on doing this because of security reasons
I have an object
<button id=summer>
Now I want to dynamically set an event for this object:
function foo()
{
}
myobject = document.getElementById("summer");
myobject.onClick = foo;
Problem is that I want to give the function an argument. "foo(this)" instead
of just "foo".
How can I achieve that?
I need to set two cookies. One to be used for redirection and page loading,
which i have now and works and a second one that is used to write
information on a page.
Both are to be set automatically when loading the page. The second will
will set a company name like "Your company name". Then when the next page
is loaded it will put "Your company name" on the webpage. And like I said
before the first cookie is set for navigation purposes.