I have a problem, I don't know why this code doesn't work on IE ver 8 On Firefox, Chrome it is like I want, on IE - no reaction Is this some html/css problem or my fault on js? I'm sure about .js code is correct.. I think.. link html/css/js
View 6 RepliesWhyjQuery.getJSON() not work inChrome 5.0? but work in IE8. This my example:
<!DOCTYPE html>
<html>
<head>
[code]....
Here is the code
$(document).ready(function(){
$('img').attr({onclick: "Image_Click(src)"});
$('img').css("cursor", "pointer");
});
[Code].....
This works in Firefox but will not in chrome. In chrome the .css works and changes the cursor to the hand on hover however .attr does not work it doesn't put the onclick attribute on any of the images.
The Demo in Chrome 6.0.472.25 dev renders all the examples inoperable. It works in Firefox and Explorer with this url to my hard drive.[URL]
But in Chrome no luck. See the attached screen capture "ChromeProblem.jpg.
I tried to solve this months ago, and I discovered downlevel versions of Chrome worked. Which one?? I don't remember, but after upgrading Chrome the jQuery UI Demo always stopped working. I tried many different machines, all with the same result
Attachments
ChromeProblem.jpg
Size : 38.72 KB
Download : 356
After solving some backwards incompatible stuff, we upgraded to 1.5 today, but the following bit of code does not seem to be working on Chrome. It used to work using jQuery <1.5, but fails on 1.5+, and only in Chrome (works perfectly on FF still...
$('<option value="' + co[i].value + '" data-prepaid-total="' + co[i].prepaid_total + '" data-postpaid-total="' + co[i].postpaid_total + '">' + co[i].label + '</option>')
.data('prepaidPrice', co[i].prepaid_total)
.data('postpaidPrice', co[i].postpaid_total)
.appendTo($('#tbody-search-results tr[data-domain=' + sld + '_' + tld + '] td:nth-child(3) select'))
I use this code to create a div element with inside a text and a button, for than adding this div in a cell of the jquery grid. Everything works fine with firefox and IE instead in chrome I found out with alerts that only the click of the button is added, the other handlers like change and keyup NO or are not triggered.
myJQGrid.myElemKodi = function (value, option, disabled, lastsel2, id) {
var el3 = $('<div></div>');
var textField = $('<input type="text" />');
[code]....
i tried a lot to load an external html into a div using .load() in chrome (it works in ff, ee, safary and opera). interesting point is online examples are working fine. but when i download the codes, chrome can not load external data on my machine!
here is my load function:
$(function() {
$.build = {};
$.extend($.build , {
[Code]....
$().offset() does not return values on Chrome. Works well in IE and FF.
var element = r.circle(cx, cy, radius); // r.circle is from raphaeljs library.
var offset = $(element.node).offset();
Is there a work/fix around for this?
It's an incremental search function.
$(function () {
$('#quickFilter').incrementalFilter({
items: 'dl.entryList > dt',[code].....
I want use $.ajax to read some infomation from xml file,here is my js code :
$
.
ajax
({
[Code].....
However, the code only work great in firefox and opera. It doesn't work in chrome(7.0.517.24 ) and safari(5.0.1),failed without any alert,not even the alert("ajax failed"). Is there any bug in $.ajax in chrome and safari?
my code is as follows:
<td><a href="#" id ="putsomeDynamicvalue">ingresar</a></td>
<script type ="text/javascript">
$(document).ready(function(){
[code]....
I send some data by post from page to PHP script. In FF it works fine, but Google Chrome fall down...
var category = 'category_name';
$.post('../ajax.php', { 'ajax': 1,
'active': 1,
'category': category,
'id': id}, function(out) {
alert ('echo');
});
I tried the same code without apostrophes, but with no effect.
[Code]...
I found error... In POST variables passed to ajax.php I had 'content': content and content is probably jQuery reserved word (and this variable wasn´t define before). But I don´t know why that works in FF.
I use a subnav and subsubnav with the following code. It works in all popular browsers as desired, except in Chrome (latest version), which don't open subnav-2I've tried several methods without success. The classes subnav-1 and subnav-2 are li elements. Maybe someone can tell me where is the problem.
[Code]...
I'm using my custom component that has a combo box (jsf's h:selectOneMenu, which has a onselect event)in it and it already has a onchange event, so I want the onchange event to trigger another onselect event with jQuery and it only works in Firefox.
I tried it without the component and it looks like this:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
[Code]....
and again works only in Firefox, and not IE and Chrome. It works with onblur event, but the onselect is closer to what I need.
Is it not working because the html <select> tag doesn't have a select event but Firefox can do it for some reason?
I've hosted a test suite at: Webkit Bug Clicking on the enlarged image doesn't work properly in Safari and Chrome.
View 2 Replies View RelatedWhen I load a page with jQuery load() function API. It does not load the style section on the header using Safari and Chrome.
Attachments
test.php.txt
Size : 538 Bytes
Download : 524
I'm setting position left to 100% and it works except in Chrome/safari. These browsers set it about 100px from the left not 100%obj.css('left', '100%');Setting the css by itself <img src="" style="left:100%;position:absolute" works fine.I don't know if this is a browser problem or a jquery problem.
View 1 Replies View RelatedI have two select lists that have option lists that are created from external XML lists that contain course offerings available at different locations. Each location has a different set of course offerings. When a user selects a location, the javascript code will hide / show the option entries that correspond to the course offerings for that location. If a user selects a course offering, the javascript code will show / hide the locations that offer those courses.
Click events are attached to each of the Option entries with the code below. The code works correctly with Firefox and Opera, but the click events are never triggered in IE, Safari or Chrome. The Chrome debugger seems to indicate that the click events get set up in Chrome (although I am not sure where JQuery saves event handler data). Each option entry has a unique ID tag.
$(".locn_option_select").click(function (locnevent) { // Set up click action on the option entries
locnevent.preventDefault;[code].......
I can't get this to work in Google chrome. It's supposed to display after being processed by the php file.here's the javascript
<code>ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('ajaxDiv');
[code]....
Here's the php code.
<code>
echo "<p style='background:yellow;>Your changes have been saved</p>";
</code>
It will work in Firefox, but not in Chrome.
Does anyone have a sizeable popup that will work in google chrome? I have tried several scripts for this with no success, they all open full page. Here is an example of what I am looking for. The problem with this is it opens a new page plus a full page popup
<script type="text/javascript">
<!--
function popup(url) {
var is_chrome;
var width = 1020;
var height = 600;
var left = (screen.width - width)/2;
var top = (screen.height - height)/2;
var params = 'width='+width+', height='+height;
params += ', top='+top+', left='+left;
params += ', directories=no';
params += ', location=no';
params += ', menubar=no';
params += ', resizable=yes';
params += ', scrollbars=yes';
params += ', status=no';
params += ', toolbar=no';
newwin=window.open(url,'windowname5', params);
is_chrome= navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if (is_chrome) {newwindow.parent.blur();}
if (window.focus) {newwin.focus()}
return false;
}
// -->
</script>
To open I am using:
onclick=popup(mypage.php?id=".$row->id."
The code below works fine on IE and FF but not on Google Chrome.
You can preview the below code by pasting it to Frontpage, Dreamweaver and etc.
I'm trying to do a redirect using the below code:
<script type="text/javascript">
window.location.href = "http://google.com"
</script>
FF and IE work as they should. Chrome doesn't.
The request above to http://google.com, gets a 'canceled' status in Chrome browser > Development tools > "Network".
I've tried several other functions:
location.href = url
location.replace(url)
document.location = url
location.assign(url)
window.open(url, '_self')
Same code pasted within a local html file works fine.
Below is the redirect request that it's canceled by chrome: [URL]
I have some simple code to have one div bounce around inside another. It works fine on Firefox and IE, but for some reason in Opera and Chrome it only moves left to right.
This suggests that Chrome and Opera allow you to dynamically set style.left but not style.top. This seems odd to me.
why this won't run as intended on Chrome or Opera?
Here's a very simplified version of my code to demonstrate the problem:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[Code]....
I have a table that looks like:
And a function to add a row and cells in the row that looks like:
The problem is the insertCell won't insert that first cell with an x in it (which will allow users to click on the x button to delete the row) in the first cell in Google Chrome. Firefox inserts a row with the first cell containing the x button but no other cells with the text boxes.
I've tried setting the index on the cell insert to 0, 1, 8, nothing and Chrome either inserts a row with nothing in it (no text boxes, no x button, nothing other than a slight addition of space below the title row) or it adds the row correctly except the x button always winds up in the last cell. IE adds it correctly with no index value or 0. Firefox needs the 0 index (no index creates a blank row with nothing in it. It looks like there's a tiny blank row of nothing being inserted because you see the table get a tiny bit larger vertically but there is no x button, text boxes.
What am I doing wrong? How do I make this work in all 3 browsers? Well actually all browsers ideally but....
Further, if I supply the 0 index to get a row, clicking on the x button to delete it works correctly in IE and Chrome but does nothing in Firefox.
That code looks like:
So what is wrong with both the addRow and removeRow functions that is causing Chrome and Firefox to behave incorrectly?
I am really tired with Chrome, one of my window.open() Stuff work fine in FF and Opera in Fedora O.S. But Chrome Did not, my code is like:
Code:
<script type="text/javascript">
function getpage(id, type){
$.ajax({
type: "POST",
data: "key="+id,
async: false,
url: "<?php echo site_url(); ?>/server/precp/"+type,
success: function (msg) {
window.open("<?php echo site_url(); ?>/server/cplogin/"+msg, "autologin");
}});}
</script>
And it call in another JavaScript function like:
Code:
function doKeyup(id,e){
if(e == 13) {
var cp = $("table#serverdata tbody tr#container_tr.row_no td:nth-child(7) a#cp").html();
var dc = $("table#serverdata tbody tr#container_tr.row_no td:nth-child(7) a#dc").html();
if(cp != null || dc != null ) {
var firstId = $("table#serverdata tbody tr#container_tr.row_no td:nth-child(1) input[type=checkbox]").val();
}if(cp != null) {
alert("Enter here");
getpage(firstId,'cp');
return false;
}
And it firstly call from onkeyup as :
Code:
<input type="text" name="find_text0" id="find_text0" autocomplete="off" <?php if ('B' == $sb_pos) { ?> onfocus="document.getElementById('find_text1').value='';" <?php } ?> onkeyup = "return doKeyup('0',event.keyCode);" />
I just finished coding my website. It can be seen here: [URL]
However, in Chrome 6, the bar at the top doesn't stay static, but moves with the page. This shouldn't happen, but I can't work out why.
Also, the options on the top menu are moved to the right on Windows Vista/7 (the OS is the only link that I can make between the computers having this problem).
With both of these problems, after trying for ages to fix it, I still have managed to accomplish nothing. I am also not sure if these problems are caused by the JavaScript, CSS, or HTML.
P.S. All of the CSS/JavaScript files can be found linked in the source.