Anybody please give some useful links on this topic.i need to create a content search for my website.. i have tried google but not get useful materials on this topic...please help me
I recently filled out a form and when I got to the phone number textBox I noticed some really cool things going on. As I entered my number, general phone symbols were getting added automatically. Example:
I start entering my area code '555'
and my input was changed to 1 (555)
to test what just happened I backspaced on the ) and it quickly added it back in.
So my question is, how do I get this input to happen?
I am working on a website which needs a header with full background image & 650 height.
At the moment i am using background-size: cover; property with 100% width.
While, it's working it leaves an awkward horizontal scroll of about 50px on right side. Which is lot more prominent in smaller resolutions.
I tried applying background to body instead of header div too. But same thing happens there as well.
You can see a preview here -
http://nitingarg.com/projects/tfe/
I need to divide into groups several <li> elements in a list, is it possible?
(I know I an give each element different class names/separate into different <ul>)
Starting with a simple list:
<ul>
<li>Item 1</li>
<li style="display: none;">Item 2</li>
<li>Item 3</li>
</ul>
I know that I can subtract the hidden elements from the list total
$('ul li').size() - $('ul li:hidden').size()
But I thought there might be a more elegant way to achieve this with jquery:
$('ul li:hidden:not').size()
That doesn't work. Any ideas?
how to delete the div using java script?
for details,
I have question div one by one, each question have up and down arrows, it have multiple div, and also have a save button, once i checked some question and press save button, the checked question are display blocked, others are none, In that time i click up and down arrows, it will moved included hided div also, so please help the same,
Thnks
I have my own server (with root access).
I need statistics of users who visit my website etc etc...
I have looked at an app called Webalyzer...
Is this a good choice?
I run apache2 on a Ubuntu 9 system...
If you know of any good statistics apps for servers please let me know.
And a follow-up question: All statistics are saved in log-files right? So how large would these log-files become then? Possibility to split them would be good, dont know if this is possible with Webalyzer though...
I have been attempting to remove a repeating header on all of my webpages for customization purposes, but have been unsuccessful finding what is causing this header repeat.
I came across this code in the header, and after researching it, I can not find what its purpose is. Could this be my culprit for the repeating patterns? If not, please point me to the right direction.
Here is the hmtl:
<!--container-->
<div id="container">
<div id="header">
<!--headerFst-->
<div class="headerFst">
and here it is in look.css:
div.headerFst
{
float:left;
width:980px;
padding-top:5px;
}
Thank you for viewing, and helping if possible.
I've just turned my website into a responsive layout and along the way I've somehow managed to make my dropdown menus not work. When hovering over 'Drop-downs' they don't display unless I'm using position: relative. They worked before using position: absolute - but it seems they only work with position relative now. When using relative it uses the width which messes up the navigation bar.
Using relative: http://d.pr/i/tp5R
Using absolute: http://d.pr/i/j7r1
CSS for my sub-menu
div.left_first_header ul.sub-menu {
width: 125px;
top: 14px;
z-index: 2;
height: 100%;
position: absolute;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
background: url(images/drop_down_bg.jpg);
padding-left: 15px;
padding-right: 15px;
background-repeat: repeat;
}
jQuery for the drop down functionality
jQuery(document).ready(function ($) {
jQuery("ul.dropdown li").hover(function() {
$('ul:first',this).css('visibility', 'visible');
}, function() {
jQuery(this).removeClass("hover");
jQuery('ul:first',this).css('visibility', 'hidden');
});
});
My website
http://wpvault.com/kahlam/
Considering it's 4am I've probably made a really stupid simple mistake.
I apologise if I've missed anything.
Hi,
I'm trying to create a layout with display: table and alike, but it seems that display: table-row and others do not respect width property. Is there a way to over come with this?
It's simple to observe the documents scroll event but I can't seem to find anything relating to the scroll of any other element with css property overflow being set?
To get around this myself i've been observing mousemove which only fires while you hold down on the scrollbar but this would need to be teamed with a mouse wheel observe also to get the full effect.
Could anyone point me in the right direction for a better way of implementing this?
var element = document.getElementById("divname");
var pagerHtml ='<a href="#" class="prev">< Prev</a>';
for (var page = 1; page <= this.pages; page++){
`pagerHtml += '<a href="#" class="'+ page> + page + '</a> ';`
}
pagerHtml += '<a class="dotline" style="display:none;">........</a>
pagerHtml += '<a href="#" class="next"> Next ></a>'; element.innerHTML = pagerHtml;
if(this.pages > 9){
`for(var i=this.buffer;i<(this.pages-this.buffer);i++){`
`("."+i+1)).hide();`
}
}
I want to add class "dotline" so that when pages are hidden I would do $(".dash").show(); and it would look like 1,2,.....,8,9,10. any ideas would be appreciated.
I am building a website - http://www.efficaxdevelopment.com
As you can see when you load the page(in IE) the text on the page that isn't an image or the menu looks terrible, while in FF and Chrome the text looks fine.
you can view the source on the page and the css is here http://www.efficaxdevelopment.com/styles/mainstyle.css
Also, the sliding bar over the menu appears a few pixels left of where it appears in FF and IE. Any ideas?
This question already has an answer here:
Is there any way to specify a suggested filename when using data: URI?
11 answers
I use javascript to generate a file and download.
It seems that depending on the version of chrome, the download file names can be auto renamed to 'download'. is there a way to avoid it?
this is my code:
var link = document.createElement("a");
link.setAttribute("href", 'data:application/octet-stream,' + 'file content here');
link.setAttribute("download", 'file1.txt');
link.click();
This is not a duplicated question because i am using the latest chrome and the previously suggested hyperlink is exactly what i am using. I think chrome v34 works fine. but once my chrome autoupdated to v35, it went back to 'download' file name.
How do i go about inserting a cell into a table?
For example, i retrieve data from a database using MySql and PHP, how do i then go about inserting a cell into an already scripted table?
In my case, how would i insert a cell into a row 150 pixels from the start of the row?
example:
___________________________________________
| <--150px--> |cell| |
I'm having an issue in IE8 multiselect
we are using jQuery to selectall and disable the list. List is being disabled but not selected and the same scenario is working perfectly in FireFox where the entire list is selected and disable
Can anyone help me how to handle this issue in IE
Thanks in advance
Below is my code:
<select name="weekdays" id="weekdays" disabled="disabled" multiple>
<option value="Monday">Monday </option>
<option value="Tuesday">Tuesday</option>
<option value="Wednesday">Wednesday</option>
<option value="Thursday">Thursday </option>
<option value="Friday">Friday</option>
<option value="Saturday">Saturday</option>
<option value="Sunday">Sunday</option>
</select>
I want to grab all the inputs inside a form, in order to submit them.
The point of this is to use jquery's ajax to submit a dynamically sized form.
Surely there must be an array inside the dom somewhere which i can just do something like...
docment.forms['form'].elements
which only lists inputs for that form, meaning I can loop through them and grab their values to play around with?
I want href will work on type="button"in IE8.
<a href="submit.php"><input type="button" value="Submit" class="button" /></a>
Other browser working fine but on IE8 the code above not working. How to fix it?
Update
<form action="submit.php" method="post"">
<input type="submit" value="Submit" class="button" />
</form>
I know this way can be done. But I want to know other ways how to make it work on IE8 without to have the <form></form>
I have structure as shown in the fiddle http://jsfiddle.net/5LN7U/.
<section class="container">
<section class="field">
<ul>
<li> Question 1 </li>
<li> question 2 </li>
<li> question 3 </li>
<li> question 4 </li>
<li> question 5 </li>
<li> question 6 </li>
<li> question 7 </li>
</ul>
</section>
<section class="datawrap">
<section class="datawrapinner">
<ul>
<li><b>Answer 1 :</b></li>
<li><b>Answer 2 :</b></li>
<li><b>Answer 3 :</b></li>
<li><b>Answer 4 :</b></li>
<li><b>Answer 5 :</b></li>
<li><b>Answer 6 :</b></li>
<li><b>Answer 7 :</b></li>
</ul>
</section>
</section>
</section>
Basically its a table structure made using divs. The first column contains a long list of questions and the second column contains answers/multiple answers which can be quite big ( there has to be horizontal scrolling in the second column.)
The problem i am facing is when i scroll downwards the second column which has the horizontal scroll bar is also scrolling downward. I want horizontal scrollbar to be fixed there. as in it should be always fixed there no matter how much i scroll vertically.
Much Like Google Spreadsheets: where the first column stays fixed and there's horizontal scrolling on rest of the columns with over vertical scrolling for whole of the data.
I cannot used position fixed in the second column.
P.S : please no lectures on using div's for making a table structure. I have my own reasons.
and its kinda urgent. Thanks in advance.
I'm having an issue submitting a form with the jquery .submit();
I don't have any elements on my page with a name of name="submit" or name="Submit", same goes for id's.
My bit of jQuery code is as follows:
$(document).ready(function () {
$(document).on('click', "#appSubmit",function(e){
e.preventDefault();
var value = $("#time").val();
if(value == "--"){
$( "#err-time" ).dialog( "open" );
}else{
alert("1");
var dummy = $("#appSubmit").val();
alert(dummy);
$("#appSubmit").submit();
alert("2");
}
});
});
All of the alerts work properly, even the alert(dummy); prints out the correct value. The alert("2"); prints out, so it isn't even breaking on the $("#appSubmit").submit();
My submit button is
<input type="submit" name="appSubmit" id="appSubmit" value="Apply">
Any thoughts would be appreciated, thanks.
I have a page here. There is a contents panel, and a content panel. I would like to center the content, and push the contents panel to the top right corner. This behaviour already works.
However, the layout does not work as I would like when the page is shrunk. Ideally, the content would be pushed to the right side of the screen, and a 5px gap maintained between the content and the contents. At present, however, the contents just overlaps the content, which isn't really what I want.
Is such a layout possible, without resorting to javascript?
I'm newbie in css. My jsfiddle here
http://jsfiddle.net/PAHdH/
<div>
<label>Name: </label><p>John</p>
<label>Age: </label><p>35</p>
<label>Level: </label><p>60</p>
<label>Score: </label><p>5000</p>
</div>
label{
display: inline-block;
float: left;
clear: left;
width: 150px;
text-align: left;
color:black;
}
p {margin-bottom:2px; padding:0;}
?
I would like to change to
Name: John Age: 35
Level: 60 Score: 5000
It should be like a table with 4 columns.
I have 2 divs...each are float left, and each have a "width".
When I resize my browser, the right div goes down to the bottom of the left div. Why? I'd like it so that during resize, it stays there.
If i have a php generated widget canvas and site's using the widget iframe it with $_GET parameters,
is there anyway to get the domain that's making the request to my canvas page (javascript/php?)?
ie - stop people using my widget that don't have permission...