Right now I have a website I am working on, [url]..., and I am working on an image rollover script.
If you visit the link[url]...
You will see the four images beneath the main image and it has a black border around them. I cannot find the code that sets that border.
I'm not sure if it is a PHP issue or a javascript issue, but I'm thinking its a javascript issue.[code]...
I use an image button to post a form. Let's say the button is on A.php and form target is B.php. when clicked, B.php comes but with extra arguments in the url. As far as I understand they are the coordinates of the point I clicked on the button image.
<input name="image" type="image" class="search_button_big" title="Search" value=" " src="img/dot.png" />
....B.php?image.x=38&image.y=24ℑ=+
When I remove name property additional arguments in the url simplifies as follows:
<input type="image" class="search_button_big" title="Search" value=" " src="img/dot.png" />
...B.php?x=78&y=31
How can I prevent these x and y's?
i have the requirement as displayed below
i have 5 main divs in the above screen as Header, menu, content, login, footer. so i applied the corner plugin for it as,
$('#header').corner();
$('#menu').corner();
$('#content').corner();
$('#login').corner();
$('#footer').corner();
i dont want any borders for header, menu and footer as thse backgrounds will be in "fill" mode not in "no fill". so no need of border for these three. but i want borders for content and login divs. if i trying to display border for these two divs using css code border:2px solid red; am not getting the border in IE(Internet Explorer). But its working in FF and Chrom.
My table borders are set to 0 and i would like them to be white and size=1 when mouseover !
View 1 Replies View RelatedI tried to put borders around images on mouseover. I use this code:
PHP Code:
<a rel="#voverlay" href="engine/swf/player.swf?url=../../data/video/gabriel_-_web-lashoppe_-_copie.mov&volume=100" title="Gabriel - Web-LaShoppe - Copie" onmouseover="this.style.border='1px solid Darkorange '; this.style.padding='0px
[Code]....
It is working but is there a way that I would not have to always put the mouseover tags to each images?
I'm wondering about a very strange behaviour in a javascript: In my
web application, there are a few SVGs (Adobe SVGViewer 3.0) embedded
by OBJECT-tag in an HTML-File. By starting a (globally known)
JS-Function in the "Menu"-SVG, it creates a new SVG-Node-Tree and
appends it to a anchor-Node in an "Display"-SVG. This means, a
function called in one document creates SVG-Eelements in another
document. This works fine, if a simple JS-alert is included at the
beginning of the SVG-creation-process. If not, it doesn't work - no
SVG is created. IMHO, i can exclude a runtime error, for that i
analyzed it quite intensive. In my opinion, the problem could deal
with restrictions on scripting over document borders. Nevertheless, i
don't understand it. Does anybody have experience with that kind of
behaviour? Does an alert have such influence on something like a
"focus" on a document?
I'm working with 3 Frames on a web-page: (top) Top.html, (left)
Navigation.html, and (right) "Content" which contains varying html pages
based on the (left) Navigation Selection - the problem that I'm having is
that each frame has a (approx.) 2 pixel border around it... I want the
frames to blend seamlessly on the page. I'm not sure How and Where to set
the Border attribute to 0 - is it in the Frameset Definition (which I
thought I took care of with frameborder="0") or in the actual html pages
that populate the Frames? If so, where do I include the attribute? Code:
how can I have transparent borders for modal divs that I bring to frond have transparent borders? specifying: border: 10 px transparent yellow; in the settings.css will not work. I tried few things, and I am beginning to think it is not doable.
View 1 Replies View RelatedWhile I am new to javascript, I've programmed in a dozen other
languages for decades, and now have been working in javascript
intensively for several weeks. My first comment -- which has nothing
to do with this problen -- is on how its richness makes it so
difficult to provide adequate reference material. After working only
with what I could discover through Google searches and actually
writing some nifty fast incremental select element populating code --
what I found on the Web, which has been cited in many locations, is
ugly code and sloooow when search a list of, say, 2000 possible
entries for inclusion in the box -- just with those hints.
I finally broke down, bought what the reveiws say are the two most
complete books -- Javascript Bible and Dynamic HTML, The Definitive
Reference (both by Goodman), and am aghast: With the "Bonus Chapters"
in the former, they total more than 3,000 pages! And with their
in-depth indexes, it's still very difficult to find what one needs.
(The HTML and CSS speification publications add another 400 pages . .
..) As a truly elementary example: I wanted to return from a function
as a result of a test, not by running it out: The "return" is not
indexed, nor are any of the words that might lead one to it. In fact,
it is shown in some examples about 980 pages into the book, but
nowhere is it actually documented. Yes, I know, every language has a
"return" statement, but its usage and syntax varies -- and on some
occasions, it's actually called something else.
So, to my current issue. For reasons that are valid -- please don't
ask, "Why do you want to do that?" -- I need to hide the page in its
entirety until the onload script has altered it based on certain
criteria. After doing a lot of brute force stuff -- setting font
color to "white", etc., etc. -- I discovered that one can put the
attribute style="visibility:hidden" directly in the <body> tag --
which itself is not easily discovered. But: Tables in the body that
have a non-zero "border" attribute still show -- just the borders!
Yes, I know I need to learn CSS as well; give me a break, guys! I do
have that spec as an HTML doc, and it was there I finally found this
out. You know, you can't look such things up by concept in the
indexes of either book, or the HTML spec, or the CSS book, unless you
already know the term that implements it; if I know the term, I don't
need to look it up! In any case, try looking up "hidden" in either
book; you get no hint that it can be applied via style to any element.
If you know it's available as a style attribute, then know the
attribute is "visibility", why than you can find it . . . and by that
time, you must know enough that you don't need to find it. (Again, a
Google Groups search on words associated with the concept told me what
terms to use, and then I didn't need to use the book . . .)
I apologize for the rant (Fortran was good enough for my grandfather,
it was good enough for my father, and it's good enough for me -- bah,
humbug!), but it's been a very frustrating couple of weeks.
The real question: What about them table borders? So far, I'm
defining their values as zero, then setting them to their final values
at the same point that I make the body visible. Should I need to do
all that? What should make that unnecessary?
I'm trying this and it has no titlebar, but shows the calendar on a full page.
<a
href="javascript:calendar_window=window.open('cal.aspx?f ormname=aspnetForm.<%=
ChargeFormView.FindControl("StartDate_date").ClientID
%>','calendar_window','width=180,height=130,left=500 ,top=300,titlebar=no,fullscreen=yes');calendar_win dow.focus()">
If I remove fullscreen=yes, I get a nice small window but with a titlebar.
Is it possible to use jQuery and on any part of a table row that has say 5 cells to highlight the border of each cell?I have seen lots of background examples but haven't seen anything with borders.I tried delegate but that doesn't work.
$
(
document
[code]....
I'm developing a window application having a web browser object in it, where the web browser object loads any web page requested by the user. In that web page (created using HTML/JavaScript/CSS), I need to create custom call out using JavaScript/CSS, which has to overlay on the entire window application. When I tried this using several options, the boundaries are limited to only web browser object. But it should come out of web browser object and should overlay on the entire application (without any borders, Call out style pop-up).
View 1 Replies View RelatedOver the various browsers, is it better to use:
document.getElementById('num1').removeChild(image_ display);
or
image_display.parentNode.removeChild(image_display );
to remove an image.
I have following set of div's with images. How can I remove whole set where image
src='noimage.gif'(set is marked red)
.
<div class="image">
[code]....
If you're using SSL, and version of IE < 8 (includes IE 8 in compatibility mode) and you try to remove anything with a background image you get an SSL warning. This is a bug in IE that causes this warning for doing a number of different things, all other ways I've ran into are pretty trivial to work around. This particular one is more difficult since remove() is called in jquery all over the place internally.
[Code]...
how to remove image save option ?
When a mouse is placed over the image, i can see the image save option....how to disable/remove that option...
i need to create a remove button that appear over my thumbs when a user hover that image with his mouse a link appear like remove from favorites ? anyone know how to achieve this ? an example of what i want is youtube quick list button u find over the videos thumbs.
View 1 Replies View RelatedI'm trying to implement the datepicker and I have two fields on my form:Birthdate& Lived here since? In my header I have:
[Code]...
When I click on the 1st date field (birthday) it mostly works... I say mostly because it doesn't appear to be pulling in that css as the widget is pretty spread out and has no borders etc. When I click on the 2nd date field (here since?), absolutely nothing happens. Surely this supports multiple date fields on the same form so what am I doing wrong?
When I do my pop-up it has a blank white space above and to the left of the image. How do I remove this?
View 3 Replies View RelatedI've set up a mock registration form page so I can learn a bit about javascript's form validation. (newbie) I want to try to attempt to style the border of a form field green when the user enters the correct info into the form text field and red on all other fields if the user doesnt enter any info into them. When i test it, enter the right info into the username field, leave the others blank, and hit the submit button it styles the username field green ok but it doesnt make the next fields (password and so on) red. just for testing purposes I've put return false on everything so it displays a message when everythings ok.[code]
View 3 Replies View RelatedThis time I have a trouble with remove(). Here is my code :
$.each(val.produitsIds,
function (j, val2) {
if($('#chk_' + i).prop("checked")){
//$('#' + val2).prepend("<div>liste des tailles</div>");
$('#' + val2).prepend("<div>" + $('#chk_' + i).attr("value") + "</div>");
}
[Code]...
I want to remove a specific box when i click on the remove button in that box. I have a lot of boxes on a page but when i click on the remove btn it removes all the boxes. I just want to remove the box where i click on the delete btn.
This is the js code:
$(".del").click(function() {
$('div.floating-box').remove();
});
[Code].....
I'm currently reading jQuery - Novice to Ninja (fantastic book), and trying to understand how I can add several words to the code snippet below. I currently remove, let's say Sweden as below, but what if I also want to remove Norway?And another question, what if I would like to keep only Sweden and remove the rest from a list of twenty countries? How would I do that?
Code JavaScript:
jQuery(document).ready(function() {
jQuery('#countries tbody').remove(':contains("Sweden")');
[code]....
I want to have a big image and say 5 small thumbnails underneath. When the user clicks a thumbnail, the image loads where the previous big image was. Is there a standard way to do this?
View 3 Replies View Relatedi have image button i need to display image .if the size of the image button is 100*100 and image size is 50*50 .the remaining space of the image button should be empty.the image should not stretch.
View 1 Replies View RelatedIm trying to have a click event that replaces an image on the page with a new image that has been selected randomly from an array. I have solved PART of this already (can get the random image to appear).
However, instead of appearing on the page where the old image was, the new image appears in a blank page.
My research indicates that this blank page location-problem is a result of using document.write in the Function. Therefore, I know I need to find a different way to accomplish this, but am failing miserably.
I have been trying for hours and hours and HOURS to figure out proper syntax for accomplishing this via elements, functions, variables and mootools.
A bit of my research:
-I found this---but havent figured out how to implement it in my scenario:
Source: [url]
-I found this---but havent figured out how to implement it in my scenario:
Code:
Source: [url]