Repeat Image For Border
Mar 11, 2007
Can someone point me to some resources on how to tile an image to create a
border?
<td><img src="images/MTile.png" width="1" height="30" alt=""></td>
I have something like that where I need to repeat x times where x depends on
the width of the browser. (Not sure if its a good idea to use a bitmap of
width 1 but I could use one that is larger and then use both(e.g., maybe one
that is 10 pixels wide and repeat that as needed and let the 1 pixel wide
one get the rest(I have some "ends" on the border that I need to display too
so it sorta needs to be exact))
Not sure how to do this with js(just learning it) but obviously I just need
to get the width of the border and then figure out how many times I need to
repeat the code.
I have several issues I am wondering about though. First off is that I have
used photoshop imageready to create a roll over menu bar but in firefox when
I use the down state it leaves a selection rectangle around the image but in
IE it does not do this. It does not look nice in firefox and I'm sure there
is some way to prevent it. (for some reason it selects it when you click the
menu item and this probably can be turned off using css?)
Another issue, which isn't a big deal, is that I'm using symmetric bitmaps
to "cap" the border. I was wondering if it is possible to flip the image
using html or js so that I don't have to have a seperate image for it?
View 7 Replies
ADVERTISEMENT
Feb 26, 2009
What I want to do is change the border of several images on the page to show a 4px border. There are many images on the page so I just want to call the changeborder() function on the onClick event so as the image that has been clicked changes. However, I don't think using this.style.border to identify the element works when placed within the function. That is, how do I identify, from the function, which image has been clicked? My current code (which does not work) looks like this but I am sure its possible to gather what i'm trying to achieve:
<script type="text/javascript">
function changeborder()
{
this.style.border='4px solid red'
}
</script>
<img style="border: 1px solid #F4F4F4;" onclick="changeborder()" src="images/colours/010.jpg" border="0">
View 1 Replies
View Related
Jul 23, 2005
When I use this code....
window.open('gallery/pic1.jpg','windowname','width=775,height=550,resiz able=yes,scrollbars=yes,top=10,left=10');
....my web page displays a picture with a white border around it. Is there a
way to get rid of the white border? I want to continue to link directly to
my image (pic1.jpg) and not to an HTML page. The reason for this is because
if I link directly to an HTML page then I seem to have problems with pop-up
blockers.
View 1 Replies
View Related
Apr 3, 2011
Below is the routine I am using that when invoked swaps images for other images:
<script>
function swapImage(swapContName) {
if (swapContName == 'mainImage1') {
[code]....
But one of the images I would like to vanish (using the empty spacer.gif) has a border:
<img id="instructflag" border="1" src="FLAG.gif" width="23" height="15" align="left">
It must have this black border, but when it gets swapped for a blank, I am left with the black square. how to vanish the border along with the graphic?(I have some vague idea that "border" is not used any more, but anyway...).
View 3 Replies
View Related
Jan 7, 2009
is there a way how to detect if mouse is over the border table and over cell border? and if yes, when user click and host button and move mouse cursor (to increase cell width) which event should i detect ?
View 1 Replies
View Related
Jun 3, 2011
I am trying to add a border around the base they select and then when they select another one, I want the previous one to go away and then high light that one.This is my PHP code that outputs the bases:
$gender = $_GET['gender'];
// SQL Injection here?
$sql = "SELECT * FROM habases WHERE gender='".$gender."'";
[code]....
View 5 Replies
View Related
Jan 11, 2011
I am making a website and I have image rotation written in javascript and atm I am trying to change the boarder around my image rotation because right now the boarder is purple but nothing I do seams to work so. Here is my code
<a href="Page2.html"><img id="r1" src="images/Pro-Tech Antivirus Cover.jpg" alt="" border="5"></a>
Its all defined and everything I just need to no how to change the border so its not purple. I want it to be dark cyan?
View 7 Replies
View Related
Jul 3, 2003
I'm creating a tabbed menu navigation for a site. I'm using javascript to to give the tabs a mouseover effect. I also have a function that decides whether the tab has been selected or deselected by the user, and uses that info to determine which image file to use in the img swap.
The page works fine in IE 6, however in Netscape 6.2, when I mouseover the tabs, a thin border quickly flashes around each image as it swaps. It looks like the placeholder that's displayed for a broken image in IE, only with only the border and no red "x". I'm not sure why this is happening, as all the images have been preloaded.
The markup is XHTML 1.0 Transitional. Here's the js I'm using:
View 1 Replies
View Related
Aug 27, 2010
I have say 12 pics on a page, in 3 rows of 4. The rows of pics are there so that a choice can be made from each row and I'm using a function <script>
var highlight_color = '#FF0033'; function toggle_highlight(id) { var images = document.getElementsByTagName('img'); for (var i = 0; i < images.length; i++) { var image = images[i]; image.style.borderColor = image.id == id ? highlight_color : 'white'; } } </script>
to toggle a border colour change so that you can see what was chosen from each row. The function I have used is fine in that it works, but I can only choose one picture and have the border changed, then if I click on another row the first border that changed obviously changes back and the new selection is highlighted. I don't really know where to go from here.
View 2 Replies
View Related
Aug 24, 2010
provide javascript to create something like the image below: Things I can't workout are:
1. top and bottom background colors as the above image
2. add two text
3. border color same as top background color
[Code]....
View 1 Replies
View Related
Jul 23, 2005
background-repeat: repeat-x works fine in IE and FF and as expected,
produces something like
............
hello
............
On Safari, the output is not what is desired.
||||||||||||||........
|||h|e|l|l|o||
||||||||||||||........
Is there a reason why this would happen?
View 2 Replies
View Related
Feb 23, 2011
I'm writing a basiccode where i'm trying to correct the background of my site that is in PNG with the filter from Microsoft to correct the error .
Unfortunately Internet Explorer has only two methods that are good for use .
The scale and the crop .
How to make that supportsbackground-repeat using jQuery ?
View 1 Replies
View Related
Apr 21, 2011
I have a project dilemma that is beyond my capabilities.I'm building a web based scoring system. I will input players names and their individual scores. Each of their 12 "station" scores will be placed into 12 text boxes and the total will be added up and placed into a textbox called Score.I've started with only two textboxes to start out and here is what I have (which works).
<HTML>
<HEAD>
<script type="text/javascript">[code]....
View 2 Replies
View Related
May 16, 2011
import javax.swing.JOptionPane;
class TriangleArea
{
public static void main(String[] args)
[Code]....
I am trying to create a program that will run and repeat asking user for another input. The program is work but i cannot get the while loop or to ask user to enter another input to work.
View 3 Replies
View Related
May 21, 2010
I have a little problem with a second part of this code:
$('.inline_search').keyup(function (event) {
var $this = $(this);
$('.paginator').hide();
[code]....
View 1 Replies
View Related
Mar 4, 2011
I'm making a website at [URL].. and I'm trying to create a menu using Jquery 1.3.2. Anyways, if you look at the tabs in my header, they have an effect but it only works once. After I mouse over the same tab a second time, they do not animate. I also have a similar menu at [URL].. You may notice the second menu also will fade to a darker gray. If i copy and past that code into my drupal block, it will still only animate one time. Do i need to include something extra because its version 1.3.2??? I also have another Jquery plugin below the header which is called a S3SLIDER. I'm not calling the jquery script up more than once.Here's the code for the Jquery menu at adc-design.com:
[Code]...
View 1 Replies
View Related
Jun 10, 2010
I'm new on jQuery. I'm developing an intro transition for a website. I've already done the FadeIn - FadeOut code for the page, here the example [URL].. but I've a little problem.When I click on the home button the animation restart.
View 2 Replies
View Related
Mar 19, 2009
In my form I want user to Rate on a scale of 1-6 the importance of 6 questions that they have just answered.How can I Select 1 - 6 from a dropdown but have each selection be conditional...so the same number can't be selected twice.
View 4 Replies
View Related
Sep 17, 2009
i want to know, what should I do to make the j query simple slide show repeat playing as currently it stops when the slide show finishes.
How can I do it repetitive?
View 12 Replies
View Related
May 20, 2010
Is it possible to show the details of each record from the recordset in a show hide way?Each record would have a title - I need the sliding div to show the relevant info when the title is clicked on.Don't know if i've made this very clear so have posted the currect code below. At the moment clicking on any record drops down only the very first record.
<?php do { ?>
<a href="#" onClick="showSlidingDiv(); return false;">
<?php echo $row_candidate_details['Title']; ?> | <?php echo $row_candidate_details['Location']; ?></a> <br />
[code]....
View 1 Replies
View Related
Oct 21, 2011
i want this animation to start from the beginning but i dont know how to do it.im using scriptaculous framework. here is my animation:[URL].. and here is my code:
<script type="text/javascript" language="javascript">
//fade div 1
new Effect.Fade('anim1', {duration: 1, from: 0, to: 1,
afterFinish: function (one){ //after finnish 1
//after fade 1 effects
[Code]...
View 2 Replies
View Related
May 14, 2011
I found this Javascript - it can make a slideshow with transitions, but it starts over from the beginning when it reaches the end. Is it possible to re-code the script, so it won't repeat but just stay at the last picture at the end?
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
[code]....
View 1 Replies
View Related
May 12, 2009
how to repeat a function if the mouse button is held down. As far as I can tell, you have to detect onMouseDown and set a variable, then clear the variable onMouseUp. During this you run a loop to check the variable, and if var_mousedown = True, then repeat.
Since I really (and I mean really) suck at JavaScript, I need some assistance. I have the following onClick event that I'd like to continue to trigger as long as the mouse is held down: onClick="PanXY(-50,0);".
The PanYX function is here:
function PanXY(x,y)
{
map.Pan(x,y);
}
[Code]....
However, I'm not sure how this would actually work. So if the mouse is held down while calling onclick the "PanXY" function, will it actually repeat with the values given?
View 1 Replies
View Related
Aug 14, 2011
I've looked everywhere for a random number generator which doesn't repeat. Tried loads and none have seemed to work.I'm making a quiz, 5 questions so far.This button, in html, generates the next random Q:But I need a random generator which fires them off only once. Anyone have suggestions for a non-repeating random number gen which will work? Even the one now seems to have some slight error associated with it. The one's ive tried so far haven't worked..
View 31 Replies
View Related
Sep 5, 2010
My array contains 15 value I want to random pick 5 value:
[Code]...
How to random pick from all elements with no repeat of the same content. e.g. if myArray[0] is picked then myArray[12] will not be picked again. (because they have the same value "a")
View 4 Replies
View Related
May 10, 2006
I wrote a .repeat(n) function for strings which seemed to work fine:
String.prototype.repeat = function(n) {
// repeats the string n times
if (n<1) return "";
if (n<2) return this;
for (var aStr = [this];--n>0;) aStr.push(aStr[0]);
return aStr.join("");
}
Only I was a little surprised to get "object" (instead of "string")
when I tried:
alert (typeof ("x".repeat(1)));
I fixed this by modifying ...
if (n<2) return this+"";
View 8 Replies
View Related
