This one is throwing me. I have a small piece of code that I am using to call a function in dynamic drive's accordion menu script. As long as I leave the alert() line in, it works. Comment it out and the call to expandone() doesn't go through. I must be missing something obvious, no? Here's the relevant part of the code (it is fired from $(document).ready() ):
[Code]...
Just started getting into jQuery yesterday. Question: How can I place line breaks in alert box text?
[code]...
How do you create a line break in an alert box with JavaScript?
View 2 Replies View RelatedI can't figure out how to properly format the code below. I am looking to add breaks after where it says below. Also to change the color if possible.
function isPPC() {
if (navigator.appVersion.indexOf("PPC") != -1) return true;
else return false;
}
if(isPPC()) {
document.write('<b>Send <A CLASS="contact" HREF="mailto:?subject=ADD A BREAK AFTER THIS ' + document.title + '?body= ADD A BREAK AFTER THIS ' + '" onMouseOver="window.status='Send your friends e-mail about this page'; return true" TITLE="Send your friends e-mail about this page">this page</A> to a friend</b>');
}
else { document.write('<b>Send <A CLASS="contact" HREF="mailto:?body=ADD A BREAK AFTER THIS ' + document.title + ' ADD A BREAK AFTER THIS ' + '" onMouseOver="window.status='Send your friends e-mail about this page'; return true" TITLE="Send your friends e-mail about this page">this page</A> to a friend</b>');
}
I have the following code ...
The whole idea is that if a certain div object comes to focus, something else disappears (using JQuery). For some reason the code in the comments is working fine, but the for loop breaks everything down. Why?)
I have my page here [URL]. There is a tab system on the page that uses javascript. View the source the see the javascript file (tabber9.compressed.js). Now, on my end, I am adding some tracking code. The code looks like this:
<SCRIPT TYPE='text/javascript' LANGUAGE='JavaScript'><!-- //
window.onload = initPage;
function initPage() {
if (this.GetCustomerGUID)
document.forms["Test"].elements["CustomerGUID"].value = GetCustomerGUID();
}//--></SCRIPT>
The problem is, when I add this code to my footer, it breaks the tab system. The tabs don't work any more. I am not a JavaScript expert by any means (or else I would have known what the issue is! lol) but, I guess it has something to do with the window.onload function? I say that because I see the window.onload code in the tabber javascript as well.
I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() {
var f;
var x;
var myForm = document.forms[0];
// Get the row filters that were used in the last query..
for (f = 1; f < 16; f++) {
var filter = eval("myForm.FilterList_" + f);
if (filter.selectedIndex > 0) {
var methodElement = element("FilterMethod_" + f);
var methodIndex = methodElement.selectedIndex;
var savedFilterMethodValue = methodElement.options[methodIndex].text;
var choicesElement = element("FilterChoices_" + f);
var choicesIndex = choicesElement.selectedIndex;
if (isNaN(choicesIndex)) {
var savedFitlerValues = choicesElement.value;
}
else {
var savedFitlerValues = choicesElement.options[choicesIndex].text;
}
updateFilters(filter); // update the filters
// take the saved methods and values and then update the selections
// Alert here makes the code work..
// alert("Try this");
// Wait for HTML..
setTimeout("completeEdit()", 1000);
function completeEdit() {
// Since the object was updated, get the object again..
var methodElement = element("FilterMethod_" + f);
for (x = 0; x < methodElement.options.length; x++) {
if (methodElement.options[x].text == savedFilterMethodValue) {
methodElement.options[x].selected = true;
break;
}
else {
methodElement.options[x].selected = false;
}
}
// Since the object was updated, get the object again..
var choicesElement = element("FilterChoices_" + f);
for (x = 0; x < choicesElement.options.length; x++) {
if (choicesElement.options[x].text == savedFitlerValues) {
choicesElement.options[x].selected = true;
break;
}
else {
choicesElement.options[x].selected = false;
}
}
// Only display next row if f = 2..
// If only one row was used, no reason display the next row..
if (f == 2) {
displayNextFilter(f - 1); // display it
}
}
clearTimeout(timeOut);
}
}
}
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
I'm trying to run through the simplest tutorials on jquery and for some reason I can't get any of the jquery code to work.I've downloaded jquery and I've made sure that this file is in the same directory as jquery-1.3.2.js.This is the code taken from the tutorial:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">[code]....
when the user clicks on the link it shouldn't take them to [url]....instead it should display an alert box. but it takes me to[url]...every time.
When i use $.get without alert() my code not working into asp.net ( updatePanel and ScriptManager for asp.net ). if i use this code in firefox dont work:
[Code]...
Explain why when the lines of code that are commented out are reintroduced that this code breaks instead of resulting in each of the four circles being a different color?
View 2 Replies View Relatedfunction Search( name, category )
{
var sresults = [];
var sri = 0;
if( category != "Any" )
[Code]...
This is probably the weirdest thing I've ever seen. I know the code works since Firefox will output things, but it ONLY outputs when I throw in an alert statement somewhere in the function that gets called. It doesn't matter if it's at the beginning and just says Hi, but then it will run correctly. Without it, Firefox won't go through the function apparently and won't write out the results. I don't understand why this isn't working or why firefox is doing this.
I am putting together a simple edit in place script. For some reason, in order for for the editEffect function I've created to work I need to use the alert function as seen in the code below. I can't figure out the cause of the problem and I believe the root cause is also creating other problems - i.e. in the cancelEdit function the argument "targetElement" is not alerted, but it is successfully submitted as an argument to another function.
/* Edit in place javascript code */
function editLightOn(element){
element.style.backgroundColor = "#ffc";
}
function editLightOff(element){
element.style.backgroundColor = "#FFFFFF";
}
[Code]..
My website was recently ftp hacked and a file inserted into it - js.php - which seems to be some sort of advertising spam programme. Having spotted the file I have renamed it to hide it but lots of other sites are still referring into my site looking for this php file. What I would like to do is to *just* open a java alert box on the referring sites to alert the users that the site has been hacked and that they should notify the webmaster so that he can fix his site.The line referring into my site is -
<script type="text/javascript" src="http://www.mysite.com/js.php"></script>
Is this something simple to do?
Most of these characters are not on the standard keyboard.
Here's a successful contrivance, with comments & cautions,
a little page that works in IE6.
<HTML><HEAD><SCRIPT TYPE="text/javascript">
function alt() {
document.all.s1.innerHTML="Current Temp: 68°F";
var txt=document.all.s1.innerText;
alert(txt);
}
</SCRIPT></HEAD>
<BODY>
<INPUT TYPE="button" VALUE="Temperature" onClick="alt()">
<P ID="s1" STYLE="visibility:hidden"> </P>
</BODY></HTML>
comments: The innerHTML property is needed to produce the
character glyph from the entity code. If the entity string
were passed to innerText(in 1st statement) then the code
would remain literal.
This work-around depends on s1 being rendered before alt()
is called. It will not work as immediately executed code,
because element s1 would not exist yet.
cautions: Trying to style alert's display will produce error
msgs. Do not use <B>, <U>, or <I> tags in the argument
string. No Heading tags either.
Strange enough, an inline STYLE, setting font values, say,
does not give error msg, but will not execute either.
Alert ignores it.
You can use <BR> tags in the argument, which give the same
result as
in a direct arg to alert().
In sum, you can tell alert what characters to display,
in what order, and on what line, but you cannot tell
alert HOW to display them.
Just trying to display a javascript alert and for some reason the browser is just displaying the code
I have put the following into a file called test.js but it is just displaying all thie code in the browser - see [url]
I am sure this is something really basic. I have tried this in Firefox and IE
Code:
heres my code:
Code:
<script language="JavaScript">
var checkobj
function agreesubmit(el){[code]....
i need to make it like if the button is clicked and there the agreement checkbox is not checked.. it should give an alert that the alert is not checked.. i know that would require a if and else statement but i cant figure out how to do it
i am facing a problem after using jquery jconfirm alert. Issue is that after receiving confirm alert, when user press tab to go on Cancel button and press Enter key there, despite of firing event of Cancel button, it fires the event of OK button. this issue is not produced when user press the cancel button by mouse. Waiting for your replies.
View 1 Replies View RelatedI am trying to throw an alert with the attributes of a submit button in the alert.
What am I doing wrong?
Have a asp.net mvc project using jquery-ui-1.7.2. and BlockUI. When I changed jQuery version from 1.3.2 to 1.4.1, the CSS pertaining to the block ceased to render. The functions fired (verified by in-line alerts) and firebug had no complaints. Moved back to 1.3.2 and the blocker rendered perfectly.
View 2 Replies View RelatedI am using jquery append to add a div(a fairly long html string) to my content wrapper. But when appending it the lightbox function breaks. The site is at: [URL].The first box with the info filled in is an div that is in the html and the lightbox works. The second box is the one inserted with append and the lightbox is broke. The class attributes seem intact and I cannot figure out why it is broken.
View 1 Replies View Relateddt_save is a <form>, the submit trigger works as usual but when doing an Ajax request the code interrupts without any error. I put in 2 alert's just to check, only the first alert box appears when submitting the form. Also I can't find my request in Firebug's Network window (Firefox addon).
$('#dt_save').submit(function(){ alert('json request'); $.ajax({ type: "POST", url: "json.php?action=extendable_select_insert", dataType: "json", data: "into=empfaengerliste&col=empfaenger&value=" + encodeURIComponent(document.getElementByID("data[empfaenger]_t").value), success: function(data) {} }); alert('done'); });
PS: Of course the requested PHP-File exists!
How do I make line breaks in my xml file? This is what I got in my <head>:
<script type="text/javascript">
$(document).ready(function(){
$('.quotes').randomContent({xmlPath: "xml/quotes.xml", nodeName: "quote"});
});
</script>
As you can see, it takes a random quote from my xml file. But I have some long quotes which I want to line break like this:
<quote>
This is a verry verry verry verry <line break> ... long quote.
</quote>
I'm working with a Drupal site and am trying to stay within the results of a Drupal view.I'm using Cycle to rotate through a bunch of images created by this view, and I want to use an ajax "page refresh" to check for new content. I get the new content just fine, but then cycle breaks. Here is my function:
function ajaxRefresh(){
$.post('my_site',
function(data){
[code]....
If I use remove() instead of hide(), or if I use trigger('update'), the pager drops all pages except the current one. I'd like to use remove(), and ideally the a row that is deleted would be replaced by one from the next page. I thought that trigger('update') was supposed to do that for me.[code]...
View 8 Replies View RelatedI have a click function that works perfectly when you click so. As soon as there's an animation on toggle() such as Blind or Slide, it no longer toggles.
here's my code:
// Accordion
$('#accordion h3').click(function() {
$(this).next().toggle('blind');
$(this).toggleClass('ui-state-active');
[Code]....
When I change it to toggle() with no animation, works perfectly fine and I can click as fast as I want.
what should I do to say if it's already animated. is(":animated") ?
Below is a very simple jquery slideshow script which functions exactly as it should. But, if I link an image in the DIV set (See proposed change section) the slideshow breaks, instead of cycling through each image in turn it keeps trying to cycle the first image over and over. Script linking in header of HTML page:
<script type="text/javascript" src="script/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="script/slideshowsc.js"></script>
CSS on HTML controlling DIV position/opacity
#slideshow {
position:relative;
height:186px;
}
#slideshow IMG {
position:absolute;
top:0;
left:20px;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {
z-index:9;
}
DIV setup in HTML page
<div id="slideshow" style="padding-top:15px; text-align:center; width:540px; padding-bottom:43px;">
<img src="images/did-u-know1.png" width="499" height="186" border="0" class="active" />
<img src="images/did-u-know2.png" width="499" height="186" />
<img src="images/did-u-know3.png" width="499" height="186" />
</div>
Proposed Changi in DIV Code here
<div id="slideshow" style="padding-top:15px; text-align:center; width:540px; padding-bottom:43px;">
<a href="whatever.html><img src="images/did-u-know1.png" width="499" height="186" border="0" class="active" border="0" /></a>
<img src="images/did-u-know2.png" width="499" height="186" />
<img src="images/did-u-know3.png" width="499" height="186" />
</div>
Finally, Javascript / Jquery fired through body tag onload
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');
// uncomment the 3 lines below to pull the images in random order
// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 8000 );
});
