I have an iframe which is by default hidden. It becomes visible on a double click event and should be in editable mode. I set iframeObject.contentDocument.designMode='on' on body load event. But when i fire a double click event, iframe becomes visible but not in editable mode. How to achieve this specially for firefox2.Any other alternative, let me know. In IE its working fine. Also i want to know how to set textarea value to an iframe
I have tried some code for fetching events from C# application to my fullcalendar plugin interface. The code is posted below.
Code explanation: DefaultAdmin is the main page where calendar is located. It calls eventsList.aspx to fetch events data in json format. A value object called CalendarDTO.cs is also used.
Output Screen(preview of DefaultAdmin.aspx):
Problem: When i run this code, I get the events on my calendar but they remain uneditable. I am not able to drag them.
I have an editable Iframe control that I am using to allow users to input formated text into a database for later viewing. One feature I am toying with is the ability to vertically align their text. The idea is to have a button for TOP, MIDDLE, and BOTTOM in which each will move the text to the desired location within the box. So far I have tried two ways to accomplish this. One is with a DIV around the text and when the button is clicked it moves the DIV based on how high the DIV has become. The other way I have attempted this is with a TABLE which covers the entire iframe. When the buttons are clicked the appropriate location is set in the cells valign property.
With the DIV attempt the body of the iframe has contentEditable turned off and the DIV turned on. This would restrict the user from typing outside of the DIV. The problem is that when the user clicks on the iframe but outside of the DIV the cursor is gone. The user could also hit ctrl-a on the keyboard to select all and eventually delete the DIV.
With the TABLE attempt the body of the iframe has contentEditable turned on sice the TABLE seemed to not have that property. With the body being off the table couldnt be edited. The problem here is that the user can now type outside of the table and also delete the table much easer than the DIV.
When i press tab in my document which has editor it brings focus on editor iframe. Now if i again press tab then the focus goes to send button which is below the editor. But also cursor stays in editor.In such condition if i start typing, then as soon as press space my form is submitted as focus was on send button.
I'm creating my WYSIWYG html web editor. but now I want to know witch image is selected. I try the selection.createRange().htmlText but it returns me null. I see that when i have an image selected, the selecion type returns me "Control", but how can i access the properties of this control?
I am trying to write some JavaScript that locations to a hash. I use something like this.
Code:
The problem is I use the same code in two different pages. One is in quirks mode ie8, and one is in standards mode ie8. The one in quirksmode works, the one in standrds mode doesn't.
Any idea what could cause such a thing? I know hash can work in standards mode. However, do you have any idea what is wrong? I am kind of searching for a needle in a hay stack, here.
editor.document.execCommand("insertHTML", false, "<br />") doesnt work when the text cursor is at the end of a sentence... but is does work when the cursor is at the middle of a sentence.
<script type="text/javascript"> window.onload = edit; function edit() {
I'm trying to get the cursor position to move to the end of the text within an editable iframe or div.I've been pointed to something called TextRange and have been reading up on it for days yet couldnt make sense of much (i'm still very new).what i'm trying to do is on a button click, the cursor will move to the end of the text in the iframe.
I have several issues with my multilevel drop down menu The First issue is : the page has 2 iframes (one has the horizontal multilevel drop down menu on the top) the below iframe has my site address Now, when i hover over the menu it does not open or expand but when i open just the menu without any iframes it does This clearly means that the menu is not coming out of the iframe bring it on top of everything of the page Note: i have placed the menu in one iframe and a page opens below it in another iframe. The Second issue is : I want the navigation bar that is the multilevel drop down menu to be editable Which means i have a blog and a forum on my site but my visitor wants that the blog should not appear there and another link to play games should
be there and hence he/she can edit it And please also try to make it work on cookies so that the user info and preferences are saved in cookies and whenever he/she comes back they see the page their way. For you: I would like to tell you that IdeaLab has launched a Twitter Advertising, Widget and Search platform and the first 1000 people are getting $100 go to tweetup.com
I'm trying to implement is a table with editable rows and columns that will feed back into a database. If I could do it with AJAX that would be great too, but I'm not too familiar with javascript. I don't need the code, I need more of an idea. The HTML Table is currently a recreation of the MySQL table minus a few columns. Its all in text, but if I could make the text editable, or better yet, make the text turn into input boxes it would be really cool. I'm not really sure what kind of methods and properties I would need, or quite how to put it all together. What do you think is the best way to go about the entire project?
How can I generate a visible content from an invisible iframe?I'm working on a project which involves scanning of content posted through HTTP.For example, a file uploaded to some web-mail client (i.e. Hotmail) as an attachment. If the file is suspected to be a virus, the user should informed and asked whether he wishes to post the file anyway. This scan is made before the file is sent to the server.The message should come from the browser (like JS alert box) but should contain some arbitrary HTML code, not supported by alert box.
Normally, when a file is uploaded, it is done in some hidden iframe. When the upload finishes, the server replies with JavaScript code which when run, notifies the user the upload is done.To inform the user he is uploading a Virus, I'm altering the server's reply to the HTTP post. The altered reply is a JavaScript code which generates some custom dialog box.
The problem is, the page is returned to some invisible iframe, which means the generated dialog box is also invisible. Simple JavaScript alert box works fine as it comes from the browser, and not as part of a webpage. how I can generate a visible dialog boxes, from the hidden iframe?
have facing a problem with .toggle()i have a requirement that when i click a button a row will be editable when i click it again the row will not be editable.when i use .toggle with alert, the first time it shows the first alert. when i click it a second time it shows alert 2. when i press ok on alert 2, alert 1 fires. how do i stop this?
I have the following code that don't work like i want it.
Code: function hideDisplaySingleSuite(textstring) { var myclass1 = new RegExp('\b'+textstring+'\b'); //Populate the array with all the page tags[code]....
For example.It show objects if I remove the if statement that checks if the class is visible.for example this shows a class and works.
Code: function hideDisplaySingleSuite(textstring) { var myclass1 = new RegExp('\b'+textstring+'\b'); //Populate the array with all the page tags[code]....
So my question is why don't this work on a class, it works on an "id"?
Code: if (allPageTags[i].style.display ==''){ allPageTags[i].style.display = 'none'; }[code]....
I want to show the class if its not visible or hide it if it is visible.How can this be done?
It opens the page in kiosk mode. The contents of myfile.html contains an image with an onclick to this function:
function loader(){ window.open('myurl.com','',''); }
In Windows 7 32-bit running IE8 the url breaks out of kiosk mode.In Windows XP 64-bit running IE7 the url stays in kiosk mode.I can't think why. Is it the IE difference, the bit difference or the platform difference?
I have read that if i have to use jquery with other libraries then i have to use jquery in no conflict mode.I understand that and and it works. i use$j = jquery.noconflict()so that $ of jquery does not mix with $ of other librariesNow my question is that i use any jquery plugin , and i include that JS filee,g plugin.jquery.jsI am not sure whether i am correct or noti think that plugin is coded by using $ sign not the $jnd i think it will conflict with other libraries.So it means i have to chnage the plugin code as well or there is no need to change plugin
Is there any way to detect if the browser window is in full-screen mode via javascript?I've been googling this and not getting much luck. Found one function that doesn't work, the rest are just posts where a person asks this question and then others tell them how to do something without needing to detect if browser's in fullscreen mode.I have a requirement to do this. If a user w/ a certain role is not in fullscreen mode, I need to kick them out of the application (used internally, and no, I cannot change this business rule)The code that didn't work (always returns false):
I am using an jquery accordian as a menu in my site...it goes on next page when i click on the button but i want to show an that button in active state when it on is on its respective page.
Below mentioned code is i am using for my accordion menu.
are there problems with the animation with IE8 compatibility mode forced off? I am using meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" to force IE 8 out of compatibility mode for my site, as I need to use the new CSS support that IE 8 finally properly implements (it's an internal site, so I'm not worried about any other browsers), but I notice that in doing that the fadeIn (and Out) no longer seems to work - the content the method is being applied to just sits there for the fade duration and then disappears. This isn't a great hardship, but it would be nice to be able to showcase what jQuery can do and these effects would add a bit more wow-factor to the site.
I'm trying to use the jqModal plugin on my page: [url]
Here is a sample showing my problem: [url]
If you see this example in a IE6 or IE7 or IE8 in compatibility mode, you will see, that the the modal box is not 100% opacity. It works great in FF, IE8, Chrome and so on.
The problem is because of a "position:relative;" in the "containerTop" div - the parent div of the dialog.
I am a graphic guy and do some web design but am not really good with javascript. I am using the enlargeit.js program for the photo viewer on [url] in the galleries. It has worked wonderfully up till now. I recieved new pictures from the owner to post on his page and they will not open when i view them live. I use dreamweaver cs5 and when i look in preview mode, they work great. They are standard jpg images.
see [url] [url] for an example. The top pic does not work and the rest do...
I have resized them, changed file formats, opened them in photoshop and edited them, and basically anything else you could think of, i tried. Even if i open one of the working photos in photoshop and place the new one over it and save it as something completely different it still does not work! everything else does.
I have four scripts being called to my page however i have two that isn�t playing nicely. The two in question is Fancybox and the Nivo Slider. The slider and fancybox both work alone but not when they are on the same page, however the slider will stop working when
Code:
Is used and nothing changed when i apply it to Fancybox instead. I have tried wrapping and dividing the scripts with
Code:
But nothing. I have also changed all
Code:
To
Code:
On the slider but again no change.
Here are the scripts in my <head> :
Code:
The problem mostly is that the slider won�t work in no conflict mode but won�t work with Fancybox either.
Did anyone implement or can direct me to an implementation of virtual mode (render only visible rows, but still have the scroll work right) or something similar in the AJAX Sys.Preview.UI.Data.ListView?
I need to display a very large table (`1000 rows) and it simply isn't feasible to render everything.
The code below calculates Total = (Quantity_01)*10.00 + (Quantity_02)*5.00, and displays the Total in a TextBox called "result": document.myForm.result.value = Total.toFixed(2);
I don't want and don't need "result" (Total) to be an editable input TextBox, like it is now. I would like it to be something like a label, non-editable. I played around with "writeln" and <LABEL> but actually I don't know how to combine them with document.myForm.result.value = Total.toFixed(2);. I just want the Total not to be editable. Code:
