hello,
I know it's very basic question and hope not so important, but i want to know the answer, please don't suggest only refer links.
we all daily face <input> type tag and their attributes(type, class, id, value, name, size, maxlength, tabindex etc..), i just want to know that
is there any sequence list of attributes in tag or we can use any sequence?
is there any sequence then what it is?
Please take a look at the picture below. The header for the second column is displaying DISTRICT under SENATORIAL. But that's not the case for the 2nd and 3rd Rows under the 2nd Column.
What I want to achieve is that words/strings should not ba able to extend width of the table....
The CSS I'm using is beneath.
table {
width: 650px;
font-family: calibri;
word-wrap: break-word;
margin-left: 115px;
}
th {
padding: 3px;
color: white;
text-transform: uppercase;
font-size: 12px;
background-image: url(navbg.png);
font-weight: normal;
word-wrap: break-word;
font-family: "Trebuchet MS";
}
Image:
I have a lot of div boxes with nested div .titles, with a button inside. Is there a way in jQuery to select the parent of the button?
Something like:
$("#button").click(function(){
$("this.parent").css({'border-bottom' : 'none'});
});
Or am I going to have to rename all of my title classes to unique classes?
0 down vote
hi,
I have problem in showing $date="2011-02-10 15:26:20"; in the format of Thursday 10th of February 2011 03:26:20 PM in php.
i know there is one date function in php and can be done in one line for example: but via this it will flash today date or so.
i want to do it when user check any date and want that date in the format which i mention earlier.
please revert me back as soon as posib....
thanks
I using fancy box with my photo gallery, the problem is found it upload 2 images. one for the Thumbnail and one for fancy box
<a style="display: block;" class="fancybox imgContainer" href="images/lorenteJerome_barcelona.jpg" data-fancybox-group="gallery" data-filter="arch"><img src="images/lorenteJerome_barcelona.jpg" alt=""></a>
any way , I can upload 1 pic but I need to re-size the Thumbnail image with css or jquery. any one can help .
CSS of the Thumbnail :
.imgContainer {
width: 100px;
height: 100px;
overflow: hidden;
text-align: center;
margin: 10px 20px 10px 0;
float: left;
border: solid 1px #999;
display: block;
}
Hello All,
I want to send an email that has a machine readable part you cut and paste into an asp.net page and you get the information.
I have stored all the information in an object and then used an XMLSerizer to create some xml. It all worked fine until I added some Images as byte[] to the object.
If I dump the resulting string to disk then I can recreate the object fine but after it appears in the email client and I try to cut and paste it it never works.
Clearly there are non standard characters coming out that email clients don't like.
Is there some encoding I could apply to my XML that would make it display correctly in an email client? Then I could cut, paste, decode and deserilize to get my object back.
Please an example of how to encode the string in c# would be great.
I have a few rows of images like so
<div class="row">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
</div>
Each image has a different width, and there is also a different number of images on each row (4-6). I want to space the images evenly in the row, the row has a fixed width of 960px.
I could do this by calculating the total empty space for each row and then dividing it among the images for a margin, but I was hoping there was something simpler that I could apply to every row instead of having to calculate and code a separate one for each row.
I need to have an H1 tag centered between two graphics on the left and right of the text. The H1 text will be various widths depending on what page you are on. The dot on the left should stay on the left edge of the site and the line should extend until it reaches the edge of the text. Same for the right side. Is there a way to accomplish this by using CSS or even some jquery/javascript?
In the attached graphic, if the text was just "WHO YOU ARE" I'd need the bars on the left and right to grow wider to bump up against the edges of the text.
when i write
<link rel="shortcut icon" href="http://localhost/kino/img/clapperboard-icon.ico">
it doesn't show an icon in IE? works fine in other browsers.
could you tell me why? thanks
Hi, I've been trying for a couple hours now to figure out why JavaScript wouldn't work.
The code works, but here it is anyway.
<script type="text/javascript">
function change(text)
{
document.f1.ta.value="Hi!";
}
</script>
<form name="f1">
<input type="textarea" id="ta"/>
<input type="button" action='change("Hi!")'/>
</form>
When I click the button, it does nothing.
When I write "document.f1.ta.value="Hi!";" in the Chrome's inspector console, it works.
I am using XAMPP (for Windows) 1.7.3 Windows 7 Ultimate.
Ok so after reading the title you are most likely like...what?
Ok, so I have a jquery code that displays input box if an item with prefix Blue from dropdown menu is selected.
Code:
$(function() {
$('#text1').hide();
$('#select2').on('change', function(event) {
var opt = this.options[ this.selectedIndex ];
var picked_blue = $(opt).text().match(/Blue/i);
if(picked_blue) {
$('#text1').show();
} else {
$('#text1').hide();
}
});
});
But what I also need to add is to display something else if any other item from dropdown menu is selected.
On my new customer page, I have successfully implemented a jQuery show/hide toggle alongside a Prototype script using jQuery's .noconflict. (Thanks to all for answers!)
But as the world of the net is, IE's not playing ball.
{literal}
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
</script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(function() {
$j("#button1").click(function() {
$j("#show-hide").toggle("slow");
});
});?
</script>
{/literal}
As you all must know by now, I'm just newly coming to all this jQuery stuff, so I have no idea what could cause it.
Thanks for any help.
I've done this in the past using a method similar to this:
http://javascriptkit.com/javatutors/static3.shtml
but I don't like the "flicker" effect as the page is scrolled and the div needs to move with the scrolling. Lately I've seen a lot of site that have an element (a div or the like I presume) that don't move when the page is scrolled but it's seemless...they're just there and it's a beautiful thing.
Unfortunately I can't seem to recall where I've seen it lately to view the source and try to figure it out so I figured I'd turn here and see what all of you experts can provide as far as assistance / suggestions.
TIA
Hiho,
There's an existing website that i need to include into another site which goes like this:
a.mysite.com
and i need to fetch content from this site in my
www.mysite.com
website...
As i need to access the content of the iframe the Same origin policy produces a problem here.
What i did was to configure mod_proxy on Apache to proxy pass all requests from
www.mysite.com/a
to
a.mysite.com
This will work fine...but my problem is that im not sure what the best way would be to include those pages.
1. Idea
As the content of the iframe is a full featured site with a top navigation...left navigation etc....i would need to change the page template to only show the content box to be able to integrate that page in the iframe.
2. Idea
I could just load the DIV where the content lies through JQuery.load() and integrate it into my site.
What is the best way to accomplish such a task? How bad is both ideas from the SEO point of view?
I need to know what exactly this code does.. or how this can be used..Actually I used this to repeat the image as a background for the menu .. Need explanation for this..
url("images/home_bg.jpg") repeat-x scroll 0 0 transparent
Ok i have this code currently.
<?php
query_posts('category_name=widgets2');
echo "<div id='widgets-wrapper2'><div id='marginwidgets' style='overflow: auto; max- width: 100%; height: 450px; max-height: 100%; margin: 0 auto;'>";
while (have_posts()) : the_post();
echo "<div class='thewidgets2'>";
echo wp_trim_words( the_content(), $num_words = 0, $more = "..." );
echo '<div style="height: 20px;"></div><a class="button2" href="'.get_permalink().'">Read More</a></div>';
endwhile;
echo "</div></div>";
?>
as you can see, it gets all the post from the category name widgets2 and then it should display it.
and this line
echo wp_trim_words( the_content(), $num_words = 100, $more = "..." );
should trim the words from the_content() to 100 and add a excerpt at the end character but unfortunately it doesnt work, instead it just display the entire contents that looks untrim at all.
Hope someone here could figured out. Im open in any suggestions, recommendations and all relevant ideas, thank you.
Hey, I'm having trouble with a relative positioned footer. I'm using a clearfooter div to keep the footer at the bottom of each of my pages. This works fine for all resolutions except for 1440x900, any ideas why this resolution would make the header raise up 10 or so pixels off the bottom?
CODE: http://pastie.org/929802
I have a text input inside a <td> that has a padding of 5px; When setting its width to 100% it comes out of the boundaries of the <td> for 10px. Is there a way to make it fill the entire <td> (i.e. in practice its width should become 100% - 10px) without using JavaScript?
Thanks in advance
I went to test my page on another browser. On google chrome i can fill out a form, hit back and forward and still have the data there. Now i need to refresh the page so certain data is correct (such as session id if the cookie expires or user logs out before submitting). I refresh and lose all data. Is there some option i can set so all data is kept?
Hi,
I need to get the "274.20p" out of:
<td nowrap="nowrap" class="dataRegularUlOn" style="text-align: right;">274.20p</td>
I would like to do regular expressions on:
<td class="dataRegularUlOn" >
so something like:
/<td(.*?)class="dataRegularUlOn"(.*?)>/
I'm using ruby, on linux.
thks
I recently trying to make a form with multiple select box. When someone select the options the number of selected options will be display on another text. I'm a beginner in JavaScript.
The function is called, but it doesn't count the number of the selected options.
<select name="element_17_1[ ]"
size="7" multiple="multiple"
class="element select medium"
id="element_17_1[ ]"
onfocus="selectCount(this.form);"
onClick="selectCount(this.form);"
>
<option value="Opt1">Opt1</option>
<option value="Opt2">Opt2</option>
<option value="Opt3">Opt3</option>
<option value="Opt4">Opt4</option>
<option value="Opt5">Opt5</option>
<option value="Opt6">Opt6</option>
<option value="Opt7">Opt7</option>
</select>
and this is the function I tried in the <head>
function selectCount(f) {
var selObj = myForm.elements['element_17_1[]'];
var totalChecked = 0;
for (i = 0; i < selObj.options.length; i++) {
if (selObj.options[i].selected) {
totalChecked++;
}
}
f.element_9.value = totalChecked;
}