I'm developing a webpage that is composed by several divs. These divs
are supplied by the server depending on the user that made the request.
Some of these divs require some javascript functions to be called when
they are added to the page. I add the content using innerHTML (function
renderPage(data) ....
I have been using YUI for the past 5 years and have begun to explore jQuery. One essential thing that I use is the YUI Dispatch plugin that allows for dynamic execution of ajax response content (i.e. js & css injection). Does jQuery or any of it's related plugins offer similar functionality to the YUI Dispatch plugin? Here is the link the the yui dispatcher for reference: [URL]
View 2 Replies View RelatedIs it possible to make a file insertion conditional? I now have the code:
'<script type="text/javascript" src="http://www.site.com/showit.js">'
And I wondered if it is possible to make this conditional, something like:
if (mycondition==true) include('http://www.site.com/showit.js');
I have a button next to a textarea when they click that button it launchs another window. Now I need another button that will take a value (it will be an html code) close that window, and put that value in the textarea.
Sort of like how when you click the link button in this wysiwyg editor it pops up a window that asks for some stuff and then inserts it here.
Essentially, I am building an image upload plugin, and what the image inserted automatically at the end of the process, so I thought I would put this at the end of the script:
Code:
<script type="text/javascript">
tinyMCEPopup.execCommand('mceInsertRawHTML/mceInsertContent', false, '<?= $image_tinymce_safe ?>');
tinyMCEPopup.close();[code]....
If that is run, then the actual image appears in the editors instance. Is this a general JS / DOM issue (I got it to work with the original script before, I just stupidly overwrote the file!), or, is it something more?
Suppose I want to populate a drop down ajaxly. The population is written like:
var $select = $("#target");
$.each(datas, function(){
$("<option/>")
.val(thia.value).html(this.name)
.appendTo($select)
.data('srcData', this);
});
But the speed is considerably slow when the datas is large. I know that I can use just string concatenation and html() finally to speed it up but what can I do with the data()?
javascript:alert(function(){if(window) return;})
becomes:
function(){
if(window){
return;
}
}
ive need to format the date (variable "tomorrow") in this form to mysql
format yyyy-mm-dd can anyone please show me how to amend my script?
<script language="javascript">
function showDate(thisObj){
/* create a Date object using the system clock */
today=new Date();
td = today.getDate();
tm = today.getMonth();
ty = today.getFullYear();
tomorrow=new Date(ty,tm,td+1)
/* convert contents to string and place in control */
document.getElementById(thisObj).value=tomorrow;
}
</script>
<body onLoad="showDate('date');">
<input id="date" type="text" readonly="readonly" />
</body>
How can jQuery locate a non-predetermined DOM insertion point? My application relies on custom code to "bootstrap" itself. I'm wondering if similar functionality is available in jQuery?
My app works in the following fashion:
- user places a script tag in their web page.
- my script fires and performs the following routines:
- scriptLocation = whereAmI()? (find scripts in document, length -1)
- insertBefore(DIV, scriptLocation);
- use DIV as canvas, DOM target for all that follows
- install application in DIV
Note that my custom app does not wait for any kind of "ready" state. It has no dependencies on the surrounding document. It fires inline. My impression is that jQuery's approach ("Find something, do something") is incompatible, because it relies on a known DOM insertion point. It would seem straightforward to "query" the DOM, and find an element of known ID. That would conflict with my business constraint; I have no control over the destination page. Are my assumptions about jQuery true? Or is there a way for a jQuery script to wake up, find its location, and the install elements there?
I am stuck with an issue in my project from completion. My program is trading exoeriment with 2 groups. If any user in 1 group enters value in filed called askvalue, this value must must be updtaed to all other users in the group. I tried to do thi by inserting and updating the table. Values are updating correctly in table a but weppage s not being regfeshes to other traders in same group.
I am posting my code here:
When any user in the group clicks this button insertion sql statements have to executed and then refesh the webpage for all the traders in the same group without clicking refresh.
I am trying to create a WYSIWYG editor for my site, but seeing as how every browser gives different results when using the execcommand method, I am trying to do my own insertions instead.
What I would like to do is create an iframe with designMode On to enable editing of the frame, but when someone does a command to bold text, I want to make a method which enters <b>Some Highlighted Text</b> into the frame where the user highlighted so it would appear bold and the source would have the <b> tags.
My issue is I have been unsuccessful in learning how to take the selected text within an iframe and surround it with tags. I was able to accomplish this in Internet Explorer using this code:
Except the resulting text would actually have the <i> tags appear, and the source would be:
Pretty retarded if you ask me since in no way did I want it to convert the tags into entities.
Anyway, if anyone could please direct me to a method in which I can successfully take selected text within the iframe and surround it with HTML tags in such a way that the formatting will actually show.
I have got a DIV that I need to refresh, its content consists of an image that will change on the insertion of a row to the SQL Database, however, when I use a refresh on my div it does refresh but does not change the image...
My refresh code is ajax:
And my PHP code contains the MYSQL that has a mysql_num_rows, so that PHP can see if there are rows or not.
I would like my page not to redirect or refresh on my div change.. So I would just like my div to refresh.
I'm merely trying to grab a value from a form and insert it into a javascript. Any hints as to what's wrong with the code below?
Request.form("AMOUNT") as used below does not bring my value into the
javascript (This is related to GoToast ROI Conversion tracking).
<script language="javascript">
<!--
if (typeof(ROIID) + '' != 'undefined')
{
TrackEvent('Sale', request.form("AMOUNT"));
}
//-->
</script>
Can I control the src attribute of a header <script> tag so that it loads a different script file depending on the value of a variable?
I have a javascript file that currently holds the variables for several countries and weihgts too much for a single file. I estimate that only 2-3kb of the 40+ that it now holds are used at any given point depending on the user's chosen country.
Now, I can split the file into several smaller files to reduce loading time but only if I have a way of dynamically loading the different files.
We have a dynamically created javascript menu (from ASP), which is
customised per user (Have already taken all the static code out into
separate cached .js file)
The size of the 'dynamic' menu content can be as much as 10kB, and the
menu typically does not change for the duration of the user's session
- i.e. it would be nice to get the browser to 'cache' this. It is an
Intranet application, and is typically aimed at IE6 clients only.
Have considered the following strategies
1) Cookies - although the last thing I want is the whole menu coming
back to the server on every HTTP request - but would be useful IF
there is e.g. a header option the cookie to 'send' the cookie (Server
-> Browser) without the browser ever sending it back to the server
(but the browser still being able to 'read' the cookie?)
2) Creating 'dynamic' javascript files - i.e. send the output per user
to a mangled .js file (e.g. with a session ID in the filename), into a
cached js file. Would however need to cleanup the files quite
regularly, and giving IUSR file creation access doesn't seem a good
idea. Would then get the browser to include the JS by generating ASP
along the lines of.
<script language="JavaScript"
src="TempScripts/Menu<%=UserSession%>.js"></script>
Is there any other way?
Second Question : Is there any way to get IE to stop sending up the
HTTP REFERER header up to the server (e.g. RegKey) - this is pretty
pointless on an Intranet App (I know there is a way to do in
NetScape).
I have this dynamically created table in my one of my php forms
that shows the names of the people the user has entered into a text
field. When they hit add a row displays, showing the name they entered.
Also, an image that allows them to delete shows beside the name upon
creation.
The delete removes the name from the table and pushes the
other names to the top. Simple stuff, however, if I delete the last
name displayed(the bottom of the table), then the next, then the next,
IN ORDER, I have no problems. If I pick a name that is in the middle or
top of the table, everything below does not allow me to delete Code:
I've got a page that creates an iframe and uses javascript to write to it.
Works like a charm in IE but not Firefox.
<script language="JavaScript"><!--
document.write ('<iframe width="100" height="100" name="myframe" src="blank.htm" FRAMEBORDER="1" scrolling="no"></iframe>');
document.frames[0].document.open();
document.frames[0].document.writeln('<html><head></head><body>');
document.frames[0].document.writeln('YO!</body></html>');
document.frames[0].document.close();
//--></script>
What I get in IE is the "YO!" written to the iframe. What I get in Firefox is the 404 not found page of the site where the original "jstest.html" page and script are hosted.
I need to dynamically add elements to a form using javascript. The objective is that on clicking a certain button , a set of form fields are appended to the exiting ones. Code:
View 2 Replies View RelatedIn a JSP page I am trying to disable a Trade Class drop-down list if the user does not select the ADULT option of the Division drop-down list.
Therefore, Trade Class drop-down list availability depends on the option selected in the Division drop-down list. For instance, if the user selects the KIDS division option then the Trade Class drop-down list should be disable.
I am trying to use JavaScript to do this but I can't get it to work. I have the OnClick attribute in the Division drop-down list so that when a user selects any option from the list the index gets past to the JavaScript function. In my drop-down Division ADULT has index 1.
function enableDisableTradeClass( ) {
var index = document.frm_container_shipments.drp_division_fltr.selectedIndex;
//alert('Selected Division= ' + index);
if ( index != 1 ) {
document.frm_steps.drp_trade_class_fltr.value = "";
document.frm_steps.drp_trade_class_fltr.selectedIndex = 0;
}}
I know very little javascript and need to use it to pt a banner across a page, where it is pulling from values a customer puts in the backend.Here is the javascript: Code:
View 4 Replies View Relatedi have some pictures in a page. there are have difference sizes. some
of them are too widen for be arrange in a line. so
i been tried to adject their sizes to more suitable.
i add a event to that image likes:
<img id="img" onLoad="adjustSize(this)" src="123.jpg">
and write a function in javascript:
function adjustSize(obj){
if (obj.width>250){
sizeRate=250/obj.width;
obj.width=obj.width*sizeRate;
if (obj.hight>268)
obj.hight=268;
}}
but exactly,i can get the image's width and height. cuz the loading
hasn't finished while the function of adjustSize works.
I would like to build an HTML page that has four content areas. The first with 3 links that when clicked chage what is shown in the other 3 - and so changing the default content in these sections. The content for these sections will be contained in seperate HTML files sitting on the same server.
I understand this can be done without refreshing the page and believe JavaScript and Ajax is the best method to do this. Any advice?
Question: How hard is the following to do in javascript and does anyone have a good example of this in use (aka how do you do it? )
4 drop down boxes all on one page. I have 4 items in the list of the first drop down box.
Red
Blue
Green
Orange
When I select one, I want the choice to be taken out of the list for the second drop down box. So if I select Blue in Drop Down #1, Drop Down #2 now has the option of
Red
Green
Orange
If I select Red from the list the Drop Down #3 now has
Green
Orange
Then if i select Orange, the last drop down has only one value and that is Green.
I have a form that has been dynamically created from PHP. It is basically a calculator and the number of form elements as well as names of the elements can vary greatly.
I basically want to add a button that will open a new browser window with the form info being passed to it. Basically it will create a quotation for the customer that is suitable for printing.
The only way I know to do the popup window is with javascript (unless php can do it). I know how to access form elements with javascript if the form element exists, but given most of the elements may change, I do not know how to access them.
I'm sure some wizard will tell me this is a classic example of "piece of cake"; in which case I bow and promise to listen In case I've struck granite rock, feel free to throw questions my way and I'll tell you if I've tried it or not.
I have a file, main.php (I know this is the JS-forum, bear with me). It outputs HTML and inline Javascript functions. When the user clicks on a graphical "tab", that tab is activated, and an ajax call is made to fetch.php with some specific parameters. Once the ajax request has completed, a given innerHTML container on the now active tab is filled with the stuff that fetch.php outputs.
So far so good.
The problem is that the stuff that fetch.php outputs is partial pure HTML and partial inline javascript. And this is where it gets tricky. If I declare an inline javascript function in the returned data, Firefox (and I suspect MSIE) refuses to understand that the function is there. It simply doesn't exist (!).
Using the Web Developer add-on for Firefox, there's an option to look at "Source code" and "Generated source code". The output from these two differ in that when I view the "Generated source code", I see the dynamically inserted javascript/HTML from fetch.php, whereas viewing "just" the source doesn't.
What did I do wrong? How do I get the browser to find/accept/activate the javascript code/functions that were inserted dynamically? I cannot put them in a .js file and include it, since they need to be dynamically created, and I cannot use eval() since that executes javascript "as is", in which a function will not be executed unless called.
JSviewer is a robust, highly configurable, dynamic HTML image viewer written in JavaScript. You can create a slide show with JSviewer in a matter of minutes. JSviewer was designed to be easy to use for both web masters and end users, yet have very powerful features. JSviewer supports keyboard controls for controlling slide shows. Using the keyboard, you can turn image descriptions on or off, move buttons to the top or bottom of the window, make images appear randomly, and much more.
View 17 Replies View Related