Many time i am getting one problem with Jquery when i am using more then one jquery plugin on same page then only one plugin works which will be on top. I guess few variables mixing and disturbing to each other. I just want to know is there any way to control it?
View 9 Replies
I am trying to make an image swap to another image, based on two variables.
i.e. Change an image of a blue car with silver wheels to a red car with black wheels.
The variables are the 1. colour of the car and 2. colour of the wheels. The visitor to the page will click on a coloured car icon to swap the image to the correct coloured car and then on a coloured wheel icon to change the wheel colour.
I have pre-prepared jpegs of all of the combinations of car/wheel colour.
Not sure at all about how to do this, or even if Javascript is the right way to go.
jQuery :: Mixing Parts of a Script?
View 22 Replies View RelatedI have two jQuery scripts running on the same page. One of them dynamically assigns height parameters to the wordpress page. The other is a slideshow script which makes images transition from one to the next in a slideshow.When the slideshow is inserted into the wordpress page, it works fine, but in IE7 there is extra page height whenever there is a slideshow on the page. In other browsers it is fine, and on other pages that dont have a slideshow the page height is fine.Looking at the source code, it seems that the dynamically assigned div height paramaters that are injected into the slideshow divs by the jQuery slideshow script are getting involved in other divs on the page, influencing their height.It seems that the slideshow script is interfering with the page height script. how can I make it so they dont entangle? Here is the page height jQuery script that assigned dynamic height to the "art-content-layout-row" div (the div that controls page height)
Code:
/* begin Layout */
jQuery(function () {
if (!jQuery.browser.msie || parseInt(jQuery.browser.version) > 7) return;
[code]...
When looking at the html source in the page, the slideshow script inserts this jQuery unique number beside the dynamically added div parameters in the slideshow divs like this:
cyclew="666" cycleh="555" jQuery="130236363678267"
It turns out that this same unique number is assigning itself to the art-content-layout-row div which is supposed to be controlled by the other script.I am wondering if the fact that these unique id numbers being the same is causing the issue, as though the system is thinking that these two scripts are somehow the same one?Both scripts are in different directories and called separately in the page footer.
I'm trying to pass data to my mySQL database, but I'm doing that 2 jQuery scripts:User comes on my page where there is a list with some values, e.g 530, 532, 534 etc etc ..User clicks on one of them, this link is using the jQuery to get another php file which get's the data from my DB and list it below the first list, here's the code for this:
$('#letter-e a').click(function(){
$.get('e.php', {'depot': $(this).text()},function(data){
$('#dict').html(data);
[code].....
So the second list is another step that can't be avoided to get the final result. In other words, i'ts another list where the user has to chose one of the items from the list to see the final result, I've added this code inf the 'e.php' file:
$('#letter-f a').click(function(){
$.get('f.php', {'date': $(this).text()},function(data){
$('#entry2').html(data);
[code].....
The problem is that my 'f.php' only gets 1 variable value, but I'll need 2 or more (maybe in the futur), how to pass multiple variables to a php file using jQuery?
I have multiple triggers and I am trying to pass variables via a "rel=" tag (which are unique id's) for each trigger I can get most of it working, problem is that since there are multiple triggers with id="newsTrigger" only the first listed trigger works Using PHP/mySQL. An example trigger is:
while loop{
echo '<span id="newsTrigger" style="font-size:0.8em;" rel="'.
$rowNewsid[$counter].'"><a href="'.$rowNewsPermalink
[$counter].'">'.substr($rowNewsHeadline[$counter],0,40).'</a></span>';
}
The above outputs a large number of rows with the same span id of "newsTrigger". When a user mousesover any of the newsTrigges I am trying to get an ajax dialog to load up content based on the id that is being passed through the rel tag. How do I do this? The javascript so far is:
<script>
$(document).ready(function(){
$("#newsTrigger").mouseover(function() {
var newsid = $(this).attr("rel");
[Code].....
I was wondering how you would list multiple variables after a equal ==?
Example....
if ( pathname == schoolinformation, chaplainchatter)
$('#button_newspress_archive,#button_tech_college,#button_parent_portal,#button_transition_portal,#button_6th_form,#button_connect,#button_vacancies,#button_vle_login').css('display', 'none');
$('#school_information_sub').css('display', 'block');
if ( pathname != schoolinformation, chaplainchatter)
$('#school_information_sub').css('display', 'none');
Or even list multiple URL's within the variables?
Example
....
var schoolinformation = '/st-paul-s-website/school-information/school-news/headteachers-headlines', '/st-paul-s-website/school-information/school-news/chaplain-chatter-headlines';
I have a onClick event in Javascript, What I would like to do is if a PHP variable were to be set, to trigger the Javascript onClick event. Is there a way to simulate an onClick? [URL]I have a form with some non-showing (non hidden) input fields but they show if I click a + and hide if I click -, default is hide, but if a certain PHP var were set I want to somehow simulate that + was clicked. I tried to force 'var lText' but that got the whole thing stuck in one state.
View 2 Replies View RelatedMany modern libraries implement this type of function (I know prototype does), but it's a great one to have in your common.js in case you don't need a full library for projects.
The basic idea is that using .innerHTML to insert new elements is very convenient because you can simply provide a string of the new HTML, but you lose the precision of DOM insertion (for instance, if you want to insert a new element in the middle of a bunch of DOM siblings, you have to replace them all in the parents innerHTML).
Conversely, using DOM methods like insertBefore() are very precise but require you to make the entire structure with createElement calls. This can be a LOT of code when all you want to do is insert a new anchor element.
This elegant little solution combines both methods by riding on the fact than when you replace an element's innerHTML, the browser creates the appropriate DOM hierarchy for the new elements on the fly. So this function takes a string of HTML you want to make into a DOM structure, changes the innerHTML of a dummy element to render this structure, and then returns the first child.
// fromHTML()
function fromHTML(html) {
var root = document.createElement(‘div’);
root.innerHTML = html;
return root.firstChild;
}
Very simple to use, and very handy:
var node = fromHTML(’<a href=”home.html” title=”Going Home”>
<strong>There’s no place like it</strong></a>’);
// Now you can use the precision of DOM methods without having
// to create the entire structure by hand:
element.insertBefore(thing, node);
The following works in php but not in javascript.
if((dobyear==false) && (dobmonth==false) && (dobday==true))
{
return 'noyearmonth';
}
Is it possible to assign multiple variables at once? For example:
var int1,int2,int3,int4,int5 = 0
I'm just wondering because I did this without thinking and my program never gave me an error and everything worked fine. Is it because these variables are set to 0 by default or what? If it does work, are there any other languages that this works in such as vbscript?
I'm trying to pass multiple variables using a url on a Java function call.
the code I have that passes the 1 variable is:
function HandleChange() {
parent.CustomerIf.document.location.href="CustomerReturn.asp?id=" + varName.options[varName.selectedIndex].text;
}
which passes the chosen data (being loaded from a database) from a drop down box on an onchange event in asp script.
What I want to do is pass multiple variable via the above url script that the next page will get by the request.querystring method.
something like this:
function HandleChange() {
parent.CustomerIf.document.location.href="CustomerReturn.asp?id=" + varName.options[varName.selectedIndex].text + "address=" varAddress.value;
}
I'm having a problem passing a variable through a URL because the
variable is supposed to hold a URL that has a variable of its own.
Here is an idea of what I'm trying to do:
href="javascript:
newWin('/vcrc/exitvcrc.jhtml&newURL=http://www.something.net/default.asp?sponID=ETC','NowLeaving',駼',
餠', 'no', 'auto','no');"
So, pretty much, the page I'm sending the variable to think there's two
variables (newURL and sponID), but sponID is part of the URL.
I'm using AJAX to, on the click of a button, run a PHP script that dynamically generates a new line of text, and passes that to the script.The PHP script, new_sentence.php, just echos out the sentence.This works fine.But what I would like to do is for the PHP script to dynamically change JavaScript variables.how to pass multiple variables from PHP to JS.I can, of course, pass one by having the PHP script echo anything, and then use JS to set the variable to the PHP output. But what if I wanted to set two or three JavaScript variables at once?Here's my code in the HTML page that contacts new_sentence.php:
Code:
function ajaxRefresh(){
var ajaxRefresh;
ajaxRequest = new XMLHttpRequest();[code].....
When I press the "Refresh" button on the HTML page, it runs the ajaxRefresh function, which calls new_sentence.php. Then, once it gets the response, it changes the text of the element named "div" to whatever text the new_sentence.php echos.I'd like to figure out how to get a couple of variables.I would imagine this is simple. how to set the variables in PHP and then how to retrieve them in JS.
Is it possible to pull multiple variables from a single dropdown menu selection?
Example:
I have this:
function material_choices_menu() /* Provides Specific Gravity for various materials */{
var data = "Material <select name='material'>";
data += "<option value='.926'>CYCOLAC MG47 (ABS)</option>";
data += "<option value='1.050'>CYCOLAC MG47MD (ABS)</option>";
data += "<option value='.958'>CYCOLAC T (ABS)</option>";
data += "</select>";
document.write(data);
}
I'd like to have multiple option values:
function material_choices_menu() /* Provides Specific Gravity for various materials */{
var data = "Material <select name='material'>";
data += "<option value1='.926', option value2='.005-.008'>CYCOLAC MG47 (ABS)</option>";
data += "<option value1='1.050', option value2='.005-.008'>CYCOLAC MG47MD (ABS)</option>";
data += "<option value1='.958', option value2='.005-.008'>CYCOLAC T (ABS)</option>";
data += "</select>";
document.write(data);
}
I plan to use the first value in some math formulas to determine weights and the rest of the values will just be shown as data for the user and/or possibly a link to the datasheet for the material selected.
I am creating a quote calculator as a mobile app using the JQuery Mobile plugin in Dreamweaver CS5.5. This supports HTML5 & Javascript.
I have included a drop down list in which the user selects a specific Annual Volume. I have 2 different calculations that need to be done based on the users selection. Different calculations meaning that I need 2 different number values assigned to the option.
For Example:
Calculation #1 (I'm calculating what the Run Quantity is based on what the user selects as the Annual Volume. If user selects an Annual Volume of 150,000 then the calculated result for Run Quantity needs to be 3500)
HTML for this scenario:
<li data-role="fieldcontain">
<p><span class="ui-listview-inset">Annual Volume:</label>
<select name="annualvolume" id="annualvolume">
onChange="Calculate();">
[Code].....
Currently I am simply having the user enter the annual volume twice so I can do the 2 calculations, but this is really clunky and not ideal.
I'm new here, and new to js. Here is my problem: I have written out a code to make an image switch from state 0 to 1 and back to 0 again (an eye blink). The code works fine, but I would like to write the functions with arguments so it could be applied to more images. I have tried for a few hours (and searched forums) and am getting no where. Here's my code.
Code:
function home_blinkDown()
{
//alert('blink down');
var t = setTimeout("home_blinkSwap('home_js', 'images/main/home_blink.png')", 2000);
[Code]...
I've recently begun using AJAX on my website and have ran into a problem.My webpage: catalogue.php contains a category variable named $cid which the page GETS in order to display products from the correct category. This works fine.I now want to implement a drop-down box to sort by price, name, newest etc...I have tested the AJAX out with a dropdown box for changing the category and it works fine, this is because it is only passing one variable which it gets via the javascript "this.value".
The sort by price box requires two variables to be passed .I can pass the "this.value" which tells the javascript function I want to sort by price/newest/etc but I cannot figure out how to pass the category variable ($cid) so that when the xmlhttp.open calls the url: getSort.php it passes both pieces of info.My javascript is:
Code:
function showSort(str)
{
var cat = <?php echo $cid ?>;[code].....
I have been working on a few budget scripts that I can access from the web in using HTML. My problem is that when variable values change I need to change these values in all of the HTML files on the server. I know that there is a way to declare global variables in a single file and use those values in another file but I have not been able to find any information that tells me exactly how to do this. I have tried to put it together on my own using what little informaiton I have been able to find but have not been able to get this to work. Is there a more detailed referance that I can find somewhere or does anyone know what steps I need to take to make this happen?
View 13 Replies View RelatedFirst off I didn't know whether to post this here or in the PHP section since it deals with both, but mostly JS. I have a PHP scraper that scrapes the job title, company name and location from a website and stores them in separate arrays. These values are then extracted out one at a time from the array and stored into a string, that is then passed to a Google Maps API.
I can make this successfully happen once, the thing is I need to do it multiple times. I have an idea on what I should do but don't really know how to implement it (correctly). The idea I had was to create a function in the JavaScript section that accepts three values from PHP. This function would be called in my PHP for loop that extracts the values from the array into a string. The thing that confuses me is that the Map function is called via <body onLoad="initialize()">. Here's the link to my code (http://pastebin.com/rTfzJM16)
I have used AJAX lots before and I wondered if it was possible to set variables from an AJAX file E.g. an ajax file could set
var set1 = 10;
var set2 = 55;
with both variables coming from an external file called by AJAX. Which JS side perform the request and the format of the file that is requested.
I am currently working on a function that will allow the user to search for an event by date and category. I've been using the w3schools exercise as an example but i wish to pass 2 pieces of data instead of one and am not sure how to do so. I'm sure similar posts have been raised before and i apologise if this type of question has already been answered but i could't find it in the forum index.
<FORM name="myForm">
<INPUT type="text" readonly name="MyDate2" value="Click for Calender" onClick="toggleCalendar('MyDate2')"size="15">
Select a Classification:
<select name="Classification2">
[Code]...
Even just point me in the direction of a good article or tutorial, i've been banging my head against it for 2 days so i'm very willing to take a few hours to go through a tutorial
when reloading a page containing some jquery code based variables (which are: a variety of datepickers with set dates, and a number of form textfields containing calculated and formatted monetary values) it appears that those variables remain set. If I set a variable on the page (in a form field) then refresh the page I would like for everything to be cleared out (start with a clean slate). I work around this by setting standard values to all those fields and datepickers manually, but I would rather avoid that and clear all variables/set values, rather than assigning a value to all those fields and datepickers manually to remove previous usage traces of the page. I want the refresh to behave like a full reload. I read somewhere that loading jquery with a variable at the end of the url string would achieve that. While I know how to o that, I would rather use just jquery and make sure cache / variables are cleared each time the page is loaded. My main reason for that is I'd like users to take advantagef of google APIs (so they use a cached jQuery version, for faster page loading).
an example of the page (with manual workaround in the code) can be seen at [URL] I work around the issue by using
$(function(){//clear all numbers on refresh or new pageload.
$("input.nbr").val("0,00");
});
I have javascript which counts seperately every time 2 seperate buttons are clicked, this then outputs the amount on the same page. This works, however I am now trying to add a third value to output on the page which is the total of the clicks which i would calculate by adding the 2 attributes together. This just doesn't seem to be working though.
java
<script type="text/javascript">
var NextClick = 0;
var PrevClick = 0;
var TotalClicks = 0;
[Code]....
I am posting two variables to a php page:
$.post('poll_receiveData.php', {question:currentSlide, vote:vote},
function(output){ ... })
}
currentSlide is set to 0. vote is set to 2. When I look at my console log, these are true. But in poll_receiveData.php, I'm unable to use a conditional statement with $vote. It's like the program doesn't know how to compare things to $vote. But a SQL statement using $question works just fine. Here's my code:
[Code]...
I'm reloading a div of a page using jQuery, but i need that every time that reloads (it reloads automatically every 10 seconds) obtains the get variables that i passed through the address bar
View 4 Replies View Related
