I have to pass a certain number of parameters, extracted from DB, to a javascript function.Among them there are for example numbers but also descriptions as names and surnames
Code:
<A href="javascript:doAction("+value+")"></A>"
Where value is a set of parameters formatted for example in the following way:
[code]....
In my form I have an email textfield. Whenever the user enters an email
address the form gets automatically submitted using JavaScript. However,
when a user enters in an email that contains an apostrophe eg:
Mc’Knight. I get a javascript error and the form never gets submitted.
which of the following two codes is correct and where is the correct notation standardized:
a) alert("Hello World");
b) alert('Hello World');
Whoever allowed apostrophes to be valid within emails needs some talking to!
Anyway. I have just found out that this JS function I have been using and have no idea how it works does not allow emails with apostrophes in it. Does anyone know how to alter this code to allow apostrophes?
var pattern = new RegExp(/^(("[w-s]+")|([w-]+(?:.[w-]+)*)|("[w-s]+")([w-]+(?:.[w-]+)*))(@((?:[w-]+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$)|(@[?((25[0-5].|2[0-4][0-9].|1[0-9]{2}.|[0-9]{1,2}.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2}).){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})]?$)/i);
I've recently added Cufon to a site and generated a font that includes the WordPress Punctuation option. [URL]
However when I try and use an apostrophe in the text it does not appear on the page.
As a potential fix, I tried inserting ' into the HTML tab of the page via the WP dashboard. It works in Firefox. Cufon displays an apostrophe.
However, in Internet Explorer it displays the code and not the apostrophe.
we had someone write this script for us a few years ago and we thought it was working fine until this week. It uses javascript to generate a dependant drop down menu eg. Depending on what the user chooses in the first drop down menu, (in this case a manual/book title) the second drop down displays the chapter/category headings that are available within that manual and then the users uploads a file that appears under that heading.
If our user adds a chapter/category heading with an apostrophe in it the script quits and the second drop down does not display the corresponding chapter headings. We are storing the info in a mysql database and use php and javascript to extract the data/build the drop down menus. Code:
I have a situation where i need to locate a radio button by it's value and check it. The solution below works in all browsers. However, in IE 6 & 7 (not 8), if there's an apostrophe it blows up.It's happening for me in both jQuery 1.6.4 and 1.7.1. Here's an example. var diagnosis = "Huntington's Disease"; $(...).find('input[value="' +diagnosis+ '"]').attr('checked','checked'); I've tried diagnosis.replace("'","'") and that seems to have no affect.
View 4 Replies View RelatedThis Link Description script is driving me crazy. The first URL below is
the script exactly as I got it from javascriptsource.com, which works fine.
But as soon as I replace the linktext with my own (see the second URL) the
script stops working. I didn't change anything else from the original but
the linktext. I've been racking my brains for hours but whatever it is, I'm
missing it....
I've started studying JavaScript recently. The following simple scenario from the Russian textbook is not implemented properly on my PC.
<HTML>
<HEAD>
<TITLE>Link Description</TITLE>[code]....
I just typed the script from the book char by char. I use Firefox browser, v.3.5.7. The error console does not display any mistakes. why on placing mouse over a link the status bar displays A HREF text instead of the link description.
I'll try and keep this as short as possible (honest), scenario is this... I have a "price comparison" website which looks for deals via a php? query string url and returns the results as an Iframe inserted into a static "show" template page. Unfortunately that gives me 1000+ pages with duplicate title and meta descriptions...
What I'm trying to do is grab (server-side, from returned iframe content) a certain element of text (e.g. first (b)text to change/insert title and use the same text to insert in front of my description (i.e. description="grabbed text" blah blah blah
I know basic html and css etc and have started reading up on Jquery, but thats it... I'm not a programmer, so having asked question on a couple of forums and "googled" relevant topics, I've only got confusing info... most pointing towards Jquery, ajax etc. Thing is everyone goes "tech-speak" on me, might as well be martian...
I am building a site to replicate an existing site for a non-profit.[URL] want to have a rotating image on their home page, and I have it working using the following jQuery Code:
<script type="text/javascript">
$(function() {
// create the image rotator
setInterval("rotateImages()", 4000);
[code]....
The problem is that I can't figure out how to clear the previous slide's decription (in the <p> tag of each Div). At present the descriptions do rotate, but they are all visible since they are within the stacked Div's. How can I get the descriptions to show and hide in sync with the images?
I just created a slideshow that is working (finally). I want to put a description beside the photos that is styled in the way I want it, but I can't seem to figure this out. For an example of what I want to finished slideshow to resemble, I found this website: [URL]. I like the features area on this website. Here is my code so far:
<html>
<head>
<script type="text/javascript">
// Modified for: [URL]
var ImgPtr = -1;// -1 for first pass only
var BaseDirectory = '[URL]';
ImgArray = [// format: ['imageName','Comments about image']
['pinto-1.jpg','<a class="duh" href="paintorpinto.html">Paint or Pinto?</a>'],
['shedding.jpg','<a class="duh" href="sheddingout.html">Shedding Out Tips</a>'],
['dewormer-1.jpg','<a class="duh" href="sampledchart.html">Sample Deworming Chart</a>']// Note: No comma after last entry
];
var intervalAction;
function ShowSlide(slide_num) {
document.getElementById('mypic').src = BaseDirectory+ImgArray[slide_num][0];
document.getElementById('mypic').alt = ImgArray[slide_num][1];
document.getElementById('Caption').innerHTML = ImgArray[slide_num][1];
}
function slideshow() {
ImgPtr++;
ImgPtr = ImgPtr % ImgArray.length;
// document.getElementById('tst').innerHTML = 'Showing: '+ImgPtr;
ShowSlide(ImgPtr);
}
onload = function() {
slideshow();
intervalAction = setInterval("slideshow()",3000);
}
</script>
</head>
<body>
<div style="width:300;text-align:left;margin-left:auto;margin-right:auto">
<div id="Caption" class="duh"></div>
<img src="[URL]pinto-1.jpg" border="0" alt="Photobucket" id="mypic" name="mypic" alt="" border="0" height="300" width="398">
<br />
</div>
</body>
</html>
I have a large image of all my products. I image mapped the images to their locations. I would like to have something where, if they put their mouse of the proper coordinate it changes the text beside the image (description text).
I don't require a sample, just the sraight code that ACUALLY works.
I used one off dhtmlcentral.com and it keeps on screwing up because of the stupid div features that come with it. I just need something SIMPLE.
I`m searching for a dhtml/java script as shown in the example below. example:
1. the flyout menus (found some at dynamicdrive)
2. the link description above the menu (only found textlink description)
I am trying to build a linked drop down menu script with descriptions. Meaning that there are 5 drop down boxes all linked together. So when somebody choses an option in the first drop down box, the options in the second box appear. And depending on which option they choose there, more other options appear in the third box and so on.
At the end (or after every drop down menu box) there must be a description area (either by using a textarea or just some space for descriptions and a table) where text will appear depending on the chosen options.
I have the script with the linked drop down boxes, but I cannot seem to add a description box. Everytime I try, the whole script gets messed up.
This is my script:
Code:
<table>
<tr>
<td width="680">
[Code]....
is there a way to set the meta description to x amount of charictars from the content of a div in the body?
View 2 Replies View RelatedI am trying to re-work some pre-written Javascript code at which I am a novice at (I'm more CSS, HTML, PHP...). I am trying to validate a form field for a Purchaser's last name while accounting for an apostrophe if they have one in their last name.
I bet it's something simple, but I still haven't been able to figure it out, or write it correctly:
function checkPurchaserName()
{
var err = false;
var f = $(getApogeeElement('purchaser_name_first'));
var l = $(getApogeeElement('purchaser_name_last'));
[Code]...
As an example. I started the purchasing process with the name "Patrick O'Malley".
At the end page where this validation occurs, they have (2) text boxes, one for "first name" and one for "last name". They must type the same exact name for purchaser that they did for applicant, so "Patrick", then "O'Malley"
The very basic onclick code I threw together:
function descw()
{
document.getElementById("desc").style.display="block";
}
function descc()
[Code]...
This works, but I have a whole class of divs named select that need their own individual description divs. Id method is okay for one div apparently, but if I click on others it loads the first description div. What do I use instead? I tried getElementsByName and Atrribute and got an error.
I'm trying to figure out the best/easiest/fastest way to accomplish this task:
I have a csv file
I need to generate an HTML item description based on the infomation in this csv
Here is an example:
ITEM NAME, ITEM TITLE, MANUFACTURE, CONDITION, LAST PHOTO LINK,
I would then need the script to generate the HTML markup
AND
I will also need the script to determine if the last photo in the list is photo "c" and then create the links for photos a-c
ie:
I'm sure there is a good way to do this I'm just not sure which language will be the easiest to do it in. If there is a way to use java I am most familiar with java.
I would also like the script to export the data in a csv file as well if possible.
I'm fairly new to jQuery and JavaScript. I've beat around the block a couple times modifying code from here and there, but never written anything myself. Just thought I'd warn you.I'm writing a tidbit of code that is going to be used for a photographer's website. The concept of the site is very simple; I am going to have Drupal generating two lists. The first list is simply photographs, semantically they just come one after another. The second is a list of div tags that contain a description of the photographs.The only way that the imagescorrelatecurrently is their semantic order. The first image should be matched with the first description, the second image with the second description, and so on. I do plan on changing this, but for the time being it is not my main concern.
Because the number of images added to the page might not necessarily be limited, I need to have jQuery pair up the images with the proper description, and then display it on hover—dynamically. My current method requires me to write out each hover functionindividually.This is a problem because, as I have mentioned, the amount of photos on any given page should not be limited.Currently I have the functionality that I want, with the exception of the dynamic creation of functions. You can view what I have managed to do so far athttp://calvintennant.ca/blakeley.me/mock.htm.I have attached a .zip with all the files used to create that mock-up.
I have few input box, selector and submition button in my form can I use adescription on mouse hover likethis example. The example for the links I tried to dosomemodificationbut unable to do any effect like the example page. So, I want to know can I do like this?
View 1 Replies View RelatedI'm trying to create tooltips for a Drupal form that was built with the Form API. I'm able to show and hide all of the description fields on the form using the following method
<code>
$('img#tip').mouseenter(tip_enter); {
}
$('img#tip').mouseleave(tip_leave); {
[Code]....
How do I reference the description for the v01_price $form item, specifically?
I've got a simple javascript image gallery I'm using, but I was wondering if it would be possible to use HTML in the description area. Basically I want to be able to create paragraphs, bold text, and links in the description area. Is it possible? Here's what I'm using:
<script type="text/javascript" language="javascript">
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('placeholder')
.src = whichpic.href;
if (whichpic.title) {
document.getElementById('desc')
.childNodes[0].nodeValue = whichpic.title;
} else {
document.getElementById('desc')
.childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
}
return false;
} else {
return true;
}}
</script>
Then the markup:
<img id="placeholder" src="images/twoBottles.jpg" alt="" /> (Where the image appears)
<p id="desc">Choose an image to begin</p> (Where the image descriptions appear)
<a onclick="return showPic(this)" href="images/condiments.jpg" title="The description which in some cases is 2 or 3 paragraphs long and I would like to format somehow">two bottles</a> (clicking this text opens that picture in the image area).
I am using PHP & mySql to grab the title and description that I have stored in a table in the DB.
I am trying to dynamically change the <head> <title></title>, as well as <meta name="Description" content="" /> .
I used document.title to change the title. I see the title changing in the browser, but when I click on view source in the browser to see it int he code, the title is empty. How can I also see it in the code?
How do I change the description in the meta tag?
am just about at wits end, and I am hoping someone here will be able to assist. I've searched and searched and have come close but to no avail. I found a nice image gallery code from "David's Kitchen" http://monc.se/kitchen/80/lightweight-image-gallery-with-thumbnails and have tweaked it to eactly what I wanted, however, I want to add an image caption of the alternate image text below the active picture. I've tried everything I could think of (with my limited knowledge) with no successHere is the code I have:
<html>
<head>
<style media="screen,projection" type="text/css">
[code]....
I have a bit of javascript that is supposed to change picture and its accompanying text when you hover over a bit of link text in another area of the page. This is working, however, the text is toggling without the picture due to an invisible area next to each link. I am not sure if it's an issue with applying my javascript to another bit of code or what.
Here is the code that I have that flips the text:
<script type="text/javascript">
function tabOver(which)
[code]....