i am using two textareas for editing by tinymce, its working fine in ie and ff but in safari it is opening the first textarea editor only. This was my code.
tinyMCE.init({
// General options
mode : "textareas",
//mode : "exact",
elements : "description,pedigree",
theme : "advanced",
[Code]....
The idea is simple, one area map replaces the image with image A, the other area map replaces the image with image B sort of like this page. The code I have so far is below. How this is supposed to go?
Code:
img.imenu {margin: 2px 0px; height: 20px;
width: 175px; border-width: 0px;
border-width: 0px; margin-top: 2px; margin-bottom:2px;}
</style>
<script type="text/javascript">
function mouseOverMap(area) {
if (var image = document.getElementById("TheMap")){
image.src = image.src.replace("old.png","new.png");
} else if (var image = document.getElementById("TheMap2")){
image.src = image.src.replace("old.png","new2.png");
} function mouseOutMap(area) {
var image = document.getElementById("TheMap"); // not sure what you want to do with this
image.src = image.src.replace("new.png","old.png");
}
</script>
Code:
<div>
<img id="TheMap" alt="" src="images/logo1_4old.png" width="530" height="102" USEMAP="#red" USEMAP="#orange"/>
<map name="red">
<area id="area1" shape="polygon" coords="59,47, 59,7, 68,24, 86,19" href="[URL]"
onmouseover="mouseOverMap(this);" onmouseout="mouseOutMap(this);" />
</map>
<map name="orange">
<area id="area2" shape="polygon" coords="62,50, 89,20, 85,39, 102,49" href="[URL]"
onmouseover="mouseOverMap(this);" onmouseout="mouseOutMap(this);" />
</map>
I have been asked to make a page for a website that wants a series of rollover images and when you roll over a particular image, there are 2 buttons to choose from which take you to another area of the site. I am a bit stuck -I know how to create a simple rollover image...but is there a way to create a rollover image that when you rollover it, yiou can choose from 2 different hyperlinks?(ie. two hotspots I think?) An example of the page is shown below:
Before rollover: [URL]
After Rollover: [URL]
As you can see I am totally lost, I have been trying to work this out for several weeks now without any progress, I need to make about 20 of these displays each include 4 buttons that will none/block the related text area below the display for a visual please see: Code:
View 3 Replies View RelatedI would like to create a program which converts some letters into different ones.
1) I want 2 text areas (input and output) + "convert" button
2) if I type in the input area the letters "ea" I would like it to be converted into "a", so that If I type "cambrea" and press "submit" the output text will have "cambra".
3) if I type "e " which is (e+space) I want it to be converted into " " which is "space" example: if I type the word "spine " it should be converted into "spin , note that there is a space after "spin ".
4) If I type any vowel before "o" it should render "o", example: gambuo becomes gambo.
would this be possible? I'm not very familiar with Javascript even though I can modify it.
I'm wondering if the <input type="search" /> has the capability of adding search engines to the end of the drop down list. In Safari if you click on the magnifying glass on the search box, you'll see search engines at the very bottom. I'm wondering if I can do that to my webpage using <input type="search" />, but having my own search engines specified.
View 1 Replies View RelatedI am trying to use Tiny MCE on my website, I have uploaded the correct JS files etc but my page doesn't show the WYSIWYG editor?!URL..[code]
View 1 Replies View RelatedI have an input box searching a XML file for a string. Anything the user types in, the script searches through the XML file in the "name" and "conference" tags for results. This works just fine in Firefox. However, in Safari, it only returns a result when a single search result is found. I've narrowed it down to this line, and I have no idea what is wrong with it. my use of selectors in this way? Or is it a Webkit bug?
$(xml).find('name:contains("' +searchString+ '"),conference:contains
("' +searchString+ '")').each(function() {
....print results....
});
My page (which has the tooltips and code on) has vertical and horizontal scrollbars that only allow you to move a tiny bit. They are unnecessary and even when I remove almost all the elements of the page, the scrollbars remain. When I remove the line '<script type="text/javascript" src="scripts/jquery-1.2.2.pack.js"></script>' from my code, the scrollbars dissappear, but this line is vital for the tooltips to function. This script is available for download at the given URL above (it is in the center of the page called 'jquery-1.2.2.pack.js').
View 3 Replies View Relatedi want to remove the<h3> and <p> tags from the code. bcause i dont need them and they r incresing the height of my <td> containig the code. if i m deleting the above tags the slideshow is not working.
View 1 Replies View RelatedSo i am working on my horizontal website layout, and I am pretty happy with my concept and design, but it seems that there is one issue with the smooth scrolling plugins.. I am using [URL].. here called Tiny Scrolling and I was able to get it to work using an image as the link and the <a href="#first"> coding you can see it working by clicking on the floating navigation you see on the example page.
My issue is that I wanted to use an image map to create a link for the first page.. So i created the map and linked the same way but instead of using <a href> i used <area map> which basically disables the smooth scrolling.. it also does something weird where when you land on that other page, you are already scrolled a little bit down so you are not at the complete top of the time
So i am sure that the reason this is happening is because this plugin relies on the anchor (<a href) to complete the effect.. and since i am not very good with javascript, i can not figure out how to change it
[Code]...
I would like to add a drop-down style menu so I can define a unique style for each option.
JS Code:
Code:
TINY={};
[code]....
I just can't win with this site. Everytime I fix a problem, another arises.[URl].... If you view the site through IE, within the 'Upcoming Shows' i/frame, you will see some scrolling text (bottom to top).
The page that holds the code is www.mrbizness.com.au/updates.asp (the iframce pulls the code)
The problem is, it only seems to work in IE. When you view it in FF or Safari, instead of scrolling the text, it just displays the code. I've been awake for far too many hours, and consumed WAY too much PEPSI, so my eyes just aren't working anymore.
Anybody have any ideas why it would be doing this? I really want to get the site finished and be done with it...I think it's posessed.
I'm relatively new to jQuery and wrote a simple script that hides a block of text and displays a read more link that when clicked shows the hidden text. Everything works fine except in Safari where the hidden text is initially displayed for a second or so before being hidden. I did some research and I did run into a few posts about similar Safari bugs but no resolution has worked for me yet.
[Code]...
I finally got IE to clear up its text after changing opacity with javascript, but it looks like Safari is suffering from the same issue.When I have javascript change the opacity of a div layer with text in it back to 100, It looks distorted in Safari only.My fix for IE was document.getElementById('mydiv').style. remove Attribute('filter')So thought there might be something like that for safari.
View 2 Replies View RelatedThis is sort of a design/javascript question. It involves CSS
rendering in dynamic areas of a page using IE.
E 6 & 7
HI There, We've created some example static html pages (using CSS)
that look great in IE. We are now converting these into dynamic pages
that use javascript to dynamically update certain areas of the page.
After the conversion the dynamic areas of the page do not render the
CSS styles (the styles are not displaying correctly). This only
happens in IE. The styles display correctly for other browsers
(firefox).
I am using the javascript DOM to update the dynamic areas of the site.
For example when creating a <atag that needs attribute
class=over....I add the following code.
linktag = document.createElement("a");
linktag.setAttribute("href",pathName);
linktag.setAttribute("class","over");
it's the class=over that is not rendering when the page is updated.
Has anyone seen this?
I have some image with map. Main idea is to make some special roll-over effect on every area.
How can I make HOVER on each area of image?
[Code]...
I am looking for a plugin for jQuery to mark areas on image and select a friend like you can do it in some social networks to mark your friends on fotos!
View 1 Replies View RelatedI 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?
I am trying to match a passed parameter on a url to an area on an image map. So far I can find the correct area using
Code:
$('#mediummap area').each(function(i){
href = $(this).attr('href');
if (href == id) {
alert('Found ID ' + id);
}});}});
But next I need to retrieve the co-ordinates for the Area. I have tried
Code:
coords = $('this').attr('coords');
And
Code:
coords = $('this').coords();
I can not seem to get the value back, just an undefined return. What I want to do is to find the point on the image map and then centre that point with in the viewport for the image (large image, small viewport).
I'd like to provide users with help regarding the form input areas with a help popup dialog box. I don't like the term popup because so many people block popups. I'll be providing a question mark next to the feature and if clicked would like a customizable dialog box to show with help text. There will be many of these involved and would like to know the best approach.
View 3 Replies View RelatedIīve just launch my website-portfolio, well itīs not yet the final version but it is almost and despite I am satisfied with the final result Iīve detected a really strange bug that only happens sometimes. The thing is when the first introduction Slide appears (the one with the hand-made drawings), sometimes the images shrink from the normal size to small tiny images. This doesnīt happen always and if you refresh the page it disappears.
Follow the link to the page were the bug happens - [url]. I'm using jquery cycle plugin, check it out.
The very simple code (below) works fine in Safari (and Chrome, Firefox etc.), but it doesn't work in Mobile Safari. Why?(You can find a working example at: http:[url]....)
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>[code]......
Below is the code I use to populate a textboxes (compaddress) when I select the compname from the dropdown. I would like to be able to populate other textboxes such as the compdescription, compmaincontact and others when I select the compname from the dropdown. I think that I need an array but I really would like some advice on how to do it as all of my attempts have failed so far
Code:
<script type="text/javascript">
function showname(what)
{
what.form.textfield.value=what.options[what.selectedIndex].title
}
window.onload=function() {
showname(document.form1.number)
}
[Code]...
i am trying to validate a registeration form containing 10 text fields.there is 10 fields. suppose 6th field is empty/worng.it will show error at div.then if i have a error at field 8, i have to press submit button again. it leads to lot of time taking process.using my code,if i have 4 errors i should click the button 4 times for its validation.it takes lot of time. i need by one click it will show all errors.so help me to validate entire form with one time clicking.
View 2 Replies View Relatedi have a multiple page form where on one page i ask my user to enter a number into a textbox. i would like to know how to get some textboxes to appear on the next page in relation to the number they enter on the first page. i.e. if they enter 10 in the first text box, 10 textboxes appear on the next page for them to enter data into and then press next to go onto the following page.
View 2 Replies View Related