I have the following code inside the <head> of my php file. What this code will do is change the style="display:none;" of a div element, depending on which option is selected within a combo box. Code:
I am currently trying to script a way for the source code from a Rich Text Editor to be copied and saved as a .txt file in the same folder, when you hit the 'submit' button (see demo on link below).
I am trying to save the state of visibility (hidden or visible) of a portlet as a variable so that It can be saved. Hopefully allowing the user to return to the page without having to toggle portlets open/close again.
My issue: Unable to correctly establish whether or not the clicked portlet is visible or hidden while assigning a variable to be used as post data to a database.
Here is the code so far
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="en"> <head>
I'm new to js/jquery and this forum so please forgive my potentially off-scope js/jquery remarks. I've been running a lot of toggles to show, hide, etc... divs and other HTML elements. It's making my application incredibly nice navigation wise.
Now to put myself in my users shoes. Say one user toggles on and off the things they want and don't want until they are satisfied with all the content of the screen. (That is by the way the nature of my application. A user loads in various variables via PHP and other means and when satisfied, a PDF is generated for them containing all their preferred content.)
Because: When a user is at a point where all the content they are viewing is worthy of a PDF, it is also worth saving that HTML 'view' (classes switched, variable adjusted, etc...). I would call it 'Save this workspace' or something along those lines.
I don't have a direct question per se but am more interested in the views of others who have similar thoughts and moreover, what relationship has jQuery had in helping employing some method?
WANT: Client to save an image to disk pressing a "download" button. The image name is dynamic, from JS code on another part of the page
DID: Read somewhere I can use document.execCommand("SaveAs") to do it This solves it for MSIE, at least. My code is below
PROBLEM: What actually happens with MSIE is: 1) A window pops up promting me to save as.
2) The filename is correct, but the saveas type shown in the box is limited to "html" and "txt"
3) The "image" that is saved is not an image, but an HTML file containing the link to the image!! This is NOT what I want!
PLEASE help. How do I get MSIE to save the actual image instead? PS With netscape, instead of the saveas dialogue, a window opens with the image displayed. By clicking <CTRL-S> I can save the actual image.
What I'm doing is taking the parts of my web site that apear on every page, for example the tags from the first <html> tag to the <body> tag, and I just put some JS code into an external file that tells it to write that same code to the browser, then I call the external file where I had the original code.
That way the external file gets cached and they don't have to re-download that part of the code every time.
Combining this, with some other things including gzip I've been able to get my main index page down to 300 bytes, not including images, css files or js files, which are only downloaded once because of caching anyways(and they aren't that big in size themselves, either).
Of course this wouldn't work if you don't want to alienate people who don't use javascript, but 9/10 people do so for some this might be helpful...
Also, this still works with dynamic content as well. for example what I did for my main page where I display the news in little "news boxes" as I call them which are basicly divs setup so they look nice visually... what I did was make a function in the external JS file that accepts the different parts of the news box such as subject, body, time/date of post and who posted it, and then it creates the HTML for it. Then it's really easy to change the look of the displayed news by just changing the js file.
var obj = {}; with(obj) { var x = 10; } print(x); print(obj.x);
It prints 10 and undefined. Here, one could expect that obj.x get the value 10. But it's not the case, because variable declarations are placed at the start of function code (or global code), so the previous code is equivalent with:
var obj; var x; obj = {}; with(obj) { x = 10; } print(x); print(obj.x);
You can clearly see now that x is placed in the outer context. But consider the next:
var obj = {}; with(obj) { eval("var x = 10;"); } print(x); print(obj.x);
I was expecting that obj.x would get the value 10 here. But no, it gives the same output as the previous code. I tested it with spidermonkey, kjs and ie jscript. Looking at the ECMA spec, I could not find anything that describes that behaviour. Code:
I am trying to declare a variable inside a function and use it later on in my code... but it just already returns white space... i.e. not variable value. I am setting it within this function:
function show_video1(){ document.getElementById('video1').style.display="block"; var video1Name = "Education World News (Part 1)"; document.getElementById('video2').style.display="none"; document.getElementById('video3').style.display="none"; document.getElementById('video4').style.display="none"; [Code]...
and trying to call it later on with this: <script type="text/javascript">document.write(video1Name)</script> It might be worth noting that each one of my 11 videos will hace a different name.
I am creating an XML document on my page with javascript. My question is, is it possible to save that xml file on the server (I have write permissions) only using javascript, ie no server code? This task would be trivial using server code, but I was wondering if I can do it all with client code and post backs? Well, any input?
I want to load an html div in a variable, modify it in another variable; and then change the document injecting the contents.
1. I load the html to be changed in a variable (code) 2. I modify an attribute of <param> using attr() and I put the result in a var (newcode) 3. I change the html in the doc
I've used the debugger, and all steps give the expected results, except of newcode.html(), which is a null string. Why?
In my code a JavaScript function received value from html hyperlink. Value passing successfully, inside product function document.write(a) printing value 5. But how can i print value of "a" inside product function by php. My code is here....
I have an iframe and I load a html page with jquery code.I have 2 checkboxes and I have 2 div in this iframe. That way when someone checks the check boxes it will appentTo html code into the div.I was not able to run any code or get them working. So I just wanted to test if I can do it. So I wrote basic code which is this:[code] I tried that code above. I won't work. It was to detect if the input check box named hosting_Service is checked. If it is checked then it will have a popup window with a message saying ok.I put this code it and tried it. Nothing happens when I click the check box.
I am trying to set up some simple Javascript that takes the text value from a form submission (textarea A), and dynamically inserts that text into another textarea on the same page (textarea B).I need the text from textarea "A" to go in the *middle* of pre-existing text inside textarea B (instead of replacing it).
I think I've had JavaScript variable scope figured out, can you please see if I've got it correctly?
* Variables can be local or global * When a variable is declared outside any function, it is global regardless of whether it's declared with or without "var" * When it is declared inside a function, if declared with "var", it's local, if not, it's global * A local variable that is declared inside a function is local to the whole function, regardless of where it is declared, e.g.:
function blah() { for(var i ... ) { var j ... }}
i and j will both be visible within blah() after their declaration. * the notion of "function" in this context also applies for this kind of construct:
var myHandler = { onClickDo: function() {
in the sense that whatever one declares inside onClickDo with "var" will only be visible inside onClickDo. What else, am I missing anything?
I'm using the following to sequentially change the background color of some list items. It works, but is there a direct way of putting a variable inside the n-th child parentheses, instead of concatenating? Second question, more CSSey, though. The highlight goes all the way across the page since the CSS bounding box is 100% for the li items. The lines are various lengths so I can't just set the bounding box to, say, fifty percent. Is there a way to use jQuery to make the bounding box, or background color only go to the end of the text?
im not sure now to word it, or how to do it, im a php coder not a javascript -.-but here it is, basicly i have one ajax file and wish to use it for everypage,i tryed to do it so i can just call one function for all ajax uses, but forms seem to be thowing me off when i call it, i stat if its a form or a element,
function ajax(str, b, c) { a = b; type = c; if (type === 'form') {
[code].....
in this, the variable a is set as the id of the elemnt/form, it works fine for elemnts, but not for forms,i think this is because its thinking a is the id, not the variable,
I'm making a project which creates tabs with a class. I don't really know how to explain it better but this is how it works:
<a href="#" id="tbs_tabs">Create</a> <script type="text/javascript"> var tbs = new Tabs('tbs_tabs'); tbs.theme = 'classic' tbs.create_option('abc','#'); tbs.create_option('abz','#'); tbs.create_option('abf','#'); tbs.create(); </script>
It first creates the new class and tells it the id, then it creates as many options as you want and creates it.
My problem is with this line: for(i=0;i<this.option_values.length;i++) { li = document.createElement("LI"); li.appendChild(document.createTextNode(this.option_values[i])); addEvent(li,"click",function(){oThis.select_option(i); return false;};
ul.appendChild(li); }
What I was trying to do here is add an event to the LI element that refers to the current tab class but doesn't use the CURRENT i value but the value that was when the event was first created.
For example.. If my i value is currently 2 and I add the function, then I want that when I call the function, the value will still be 2 and not the current i value. What happens now is when I call the function the value is something like 5 or 6.
The Form id as returned from the Controller side is saved in the variable getformid correctly, But it is not reflected in the savefield ajax post..And it is saving as 0 only even it alerts as the returned Form id..
In addition i am giving here the Code inmy Controller for saveForm:
CDATA-blocks work great for coding large blocks of HTML, or CSS, into strings. But, I can't figure out how to use a variable-value within one.For example, consider this JavaScript code:
var FullName = "Friedrich Hayek"; var ProfileCode = (<><![CDATA[ <div id="BigHonkingChunkO_HTML">
[code]...
How do I get $FullName$ to render as "Friedrich Hayek" instead of "$FullName$"? Note that there is more than one variable and each variable can be used a few times in the CDATA block. Alternate code sample:
var UserColorPref = "red"; var UI_CSS = (<><![CDATA[ body {
In my web page i am using tweetmeme button java script code.its working fine.When i was trying to put js code inside ajax content,and click the ajax callback button the entire page shows blank page.I thought the reason for this is java script using window.location.href.But i am not sure what is the exact reason for this issue. If i remove the tweetmeme button js code,ajax navigation button working fine.