It seems that padding style applying to <td /> doesn't work on IE7 in my computer, but is okay on FireFox3.5.
Is this a correct behavior? Or I get wrong.
Thanks.
Hello all! Quick question
I originally had a submit button.
<input class="submit" type="submit" class="input" value="Add" name="command" />
but now I would like to use a instead. The issue is, the value="Add" is very important.
I'm currently making the like this.
<a href="javascript:document.register.submit();">submit</a>
Any suggestions? Issue is, the site is not picking up that this specific was clicked, and therefore won't run my php code.
I refresh pages by writing window.location = window.location; however this doesnt work on a page like /page#c22. It will just jump to whereever c22 is. How do i refresh the page? It does not need to use go to #c22 once refreshed but i am sure there is a more dependable way then window.location = window.location
Right now, the text seems not to be exactly vertical centered.
It seems that there is more top-padding than bottom-padding.
Although of course, there is no padding in the CSS. How do I make this completely vertical aligned?
I am using Zend Framework and it works fine in Firefox/Safari. In IE I have a problem with images not loading.
Say I have an image in my public folder and I have this in my page:
<img src="/photos/category/img.jpg" />
Well that works, except when I'm at a URL with a controller like
http://www.example.com/controller/action
I can see why, but I want a good solution to properly creating these img src links that works across browsers.
Hey,
The question is pretty simple, but i'm not the big AJAX/JS coder, so I have no clue if it's possible.
Is there any way that I can check whether or not an alert() was executed on a remote site? Like if I inputted an alert("Welcome to this site"); through a get variable, is there any way to check if it that alert() was actually executed in the browser?
And not necessarily through AJAX/JS.
I have few nested DIV elements. For example:
<div id='id1'><div id='id2'>content</div></div>
I attach event to DIVs event handler using jQuery:
$('div').click(function () {
//some code
});
There will be two events when user click on content. So there will be two simultaneous events. Is it possible to get inside event handler array of objects (DIVs) what have click event?
May be it is possible using other framework but jQuery?
I'd like a select box that will alert the value when the user selects the option. (in iPhone)
<select>
<option>
1
</option>
<option>
2
</option>
<option>
3
</option>
</select>
In my web browser on the desktop, I can do: onclick, but on the phone, onclick doesn't work.
I am relatively new to web development, and I was hoping I could get some pointers about the feasibility of a feature I would like to implement. Is it possible to have a url link that you can click on, that can contain login credentials for the website it is linking to, so as to bypass that websites login screen?
In other words, can I make a link from my website to facebook, that would allow me to login right in to my facebook, from any computer? Meaning, if I don't have cookies to store my login info in, is it possible to login still?
This is just a conceptual question, so any help would be appreciated! Thanks!
How to add watermarks like "Enter textarea" for a textarea.
<textarea rows = "8" cols = "18" border ="0" class="input" style="border: none;" WRAP id="details" name ="details"></textarea>
Thanks..
Hi guys,
I'm developing a Flash website (as3) where I need to be able to upload directly to YouTube by using the DATA API.
However in order to do so, I had to use a proper HTML form on top of my flash object.
Why? Because of the Browser Based Upload restictions.
I first hide the form using JQuery and with a little CSS the form is display just where I want it.
Within flash I use ExternalInterface.call() to show/hide the form when I need it!
ExternalInterface.call("YTUploader.showIt");
The upload process is working great my only problem is that the form can be displayed easily...
You just need a tool like firebug and you can use the form wherever you want on my flash app.
So I was wandering which will be the best way to 'protect' this form or the best way to limit its access.
Any advices will be appreciated.
Thanks for your time.
Jk.
I'm making a Javascript slideshow for my blog yet the array doesn't seem to be working.
Can someone please say what I've been doing wrong
<SCRIPT type="text/javascript">
var blog = new Array()
blog[0]= "<h4>Sunday 17 of June 2012</h4><p title='Blog'>Donec tempus risus eget ligula viverra eget placerat odio tincidunt. Duis nisl sem, scelerisque faucibus congue vitae, accumsan at lectus. Cras vestibulum arcu ut lorem luctus eu pharetra tortor ultricies. Nam iaculis orci mauris. Etiam luctus, mauris sed adipiscing ullamcorper, augue enim volutpat sem, ut sagittis ipsum nibh ac nulla. Nam ultrices, quam eget sollicitudin porta, sapien mauris pulvinar augue, posuere hendrerit erat ligula ut magna. Maecenas laoreet nisi vitae magna consectetur a mollis purus tristique. Pellentesque elementum arcu non urna convallis eleifend. Aliquam eu lorem sed risus tempus tempor. Donec malesuada velit in odio vulputate iaculis. In tristique neque quis velit posuere adipiscing. Nullam dui neque, scelerisque non egestas feugiat, pellentesque vitae mauris.</p><hr>"
and so the array continues till
function display1()
{
document.getElementById(blogShow).innerHTML( blog[0])
}
function display2()
{
document.getElementById(blogShow).innerHTML(blog[1])
}
function display3()
{
document.getElementById(blogShow).innerHTML(blog[2])
}
function display4()
{
document.getElementById(blogShow).innerHTML(blog[3])
}
function display5()
{
document.getElementById(blogShow).innerHTML(blog[4])
}
</SCRIPT>
<div id="blogShow">
<SCRIPT type="text/javascript">display1()</SCRIPT>
</div>
<div id="blogNav">
<input type="button" onClick="display2()" value="1" class="button">
<input type="button" onClick="display3()" value="2" class="button">
<input type="button" onClick="display4()" value="3" class="button">
<input type="button" onClick="display5()" value="4" class="button">
</div>
I know it's all inline and i will clean up after it works
I am developing a new e-commerce website in java. My index page has links such as Login etc. I had gone through other e-commerce sites such as ebay where they have option of My Account. My question is before signing in to the account ,why do they need this link My Account. what is the significance of this. can any web designer let me know the answer?
I have an element in a div, which has a background image. Below the div I have another div with another background image. Now the problem is that if the last element contained in the first div has margin-bottom applied there will be a gap between the 2 divs like this:
Notice the gray gap caused by the margin-bottom property of the h2 element contained within the first div. I know this can be solved if I switch margin-bottom to padding-bottom but what if I need margin-bottom?
How to fix this?
Hi,
Currently, I have a carrousel on javascript which works when we click on hyperlink, like this :
<div id="direction1">
<p>
<a href="javascript:" class="carousel-control" rel="next"><img class="fleche_suiv" src="/project/images/next.png" alt="Suivant" title="Suivant" />
</a>
</p>
</div>
I would like execute this evenment with a onMouseOver too.
So I try this, but it doesn't work :
<div id="direction1">
<p onMouseOver="this.getElementsByTagName('a').click()">
<a href="javascript:" class="carousel-control" rel="next"><img class="fleche_suiv" src="/project/images/next.png" alt="Suivant" title="Suivant" />
</a>
</p>
</div>
How to fix it ???
I have a set of anchors like
<a class="lb" href="#">text</a>
<a class="lb" href="#" style="width:200px">text</a>
<a class="lb" href="#" style="color: reen; width:200px">text</a>
that needs to be transformed to the following:
<a class="lb" href="#"><span>text</span></a>
<a class="lb" href="#"><span style="width:200px">text</span></a>
<a class="lb" href="#" style="color:green"><span style="width:200px">text</span></a>
I have no problem creating child span but don't know how to move parent's width styling.
I have a set of anchors like
<a class="lb" href="#">text</a>
<a class="lb" href="#" style="width:200px">text</a>
<a class="lb" href="#" style="color: reen; width:200px">text</a>
that needs to be transformed to the following:
<a class="lb" href="#"><span>text</span></a>
<a class="lb" href="#"><span style="width:200px">text</span></a>
<a class="lb" href="#" style="color:green"><span style="width:200px">text</span></a>
I have no problem creating child span but don't know how to move parent's width styling.
I am using a checkbox that has the name selectedids[], and I am trying to select all checkbox with the JavaScript but the code is not working. However, when I change the name of checkbox to selectedids it works but I can't do so because I need all the ids that are selected on the POSTED page.
The checkbox is as follow.
foreach($rows as $row)
{
<input type="checkbox" name="selectedids[]" value="<?php echo $row['id']; ?>" class="checkbox" />
........
........
}
And the Java-script function is as follow
function SetAllCheckBoxes(CheckValue)
{
var CheckValue=true;
if(!document.forms['main'])
return;
var objCheckBoxes = document.forms['main'].elements['selectedids[]'];
if(!objCheckBoxes)
return;
var countCheckBoxes = objCheckBoxes.length;
if(!countCheckBoxes)
objCheckBoxes.checked = CheckValue;
else
// set the check value for all check boxes
for(var i = 0; i < countCheckBoxes; i++)
objCheckBoxes[i].checked = CheckValue;
}
Please help me.
Thanks in advance..
I have a simple login form with 2 input fields: "username" and "password".
"username" field is focused by default. The problem is that when user clicks outside "username" or "password" fields, the focus is gone (it is neither on "username" nor on "password" fields"). How can I force the focus to be on these 2 fields only ?
In my case, this is a really annoying behavior, so I really want to do this :)
Can I do something like:
$("*").focus(function() {
if (!$(this).hasClass("my_inputs_class")) {
// How to stop the focusing process here ?
}
});
?
I am working on a web app and trying to code a form with two dropdown lists. The list in the second dropdown will be dependent on the selection from the first one. The task itself isn’t too complicated except that once the first selection is made, I need to make a database call to pull the data for the second dropdown. This is where I am having difficulty. Both lists are in fact populated from a database.
I am working on this in a python script and have been trying to do this w/ an onChange javascript function. The web app is built in Zope and page templates may be an option along w/ the python scripts.
<form enctype="multipart/form-data" method="post" action="mailto:[email protected]" accept-charset="UTF-8">
Is there a problem if mails are sent this way .. i wanna avoid using PHP codes..
Hi,
on a website i'm currently developing I'm using jquery to do all sort of magic things :-)
In firefox however, when I load jquery 1.4.2 there are sometimes funny characters in front of the request.
You can see the strangers characters in this screenshot (thank you firebug).
In safari, Chrome and IE these funny characters don't appear, jquery is loading fine in those browsers.
Why are those characters appearing and how can I remove them?
Thanks!!
How do I get a red color for the line items shown as a circle?
/* This maps to ul */
.rich-datalist {
list-style: disc;
list-style-position: inside;
margin: 6px 0 1px 0;
padding-left: 18px;
}
/* This maps to li */
.rich-list-item {
padding-top: 5px;
padding-bottom: 15px;
font-size: 13px;
}