|
What does "uncheck by itself" means? Do you have the refresh interval or element regenerate interval?
Btw, your radio buttons have "rdList" in their id, but you used "myradio" to access them.
|
|
|
|
|
Uncheck means, deselected by its own.
Suppose if any user checks a radio button, the whole list item will be highlighted showing its selected.
But here, the list item is not highlighted ,only the radio button is checked.And that state is not stable.
I dont have any refresh interval implemented.
And the id is rdList. Its a typo. ,my mistake
|
|
|
|
|
I still have no idea about why your radio button got deselected by its own.
But as you describe, if you want all your radio buttons act like a "group", you should set a name for all of them, like:
<input type="radio" id="rdList" name="myRadio" value="1"/>
<input type="radio" id="rdList" name="myRadio" value="2"/>
<input type="radio" id="rdList" name="myRadio" value="3"/>
|
|
|
|
|
I have tried putting them in a group and making the first element checked. But the result is the same.
Just now I have added runat="server" in radio button control.
After that when I used document.getElementById("rdList").checked = true;, it threw error saying getelementID is having Null object.
When I used $("#rdList")[0].checked = true;, it threw error saying '0' is null.
|
|
|
|
|
You got error because of [runat="server"].
I can't understand why a radio got deselected by itself. Can you post your complete HTML code?
|
|
|
|
|
Okay I thought the code started to work a bit cos of runat attribute. Thanks for the info.
Please find below the code.
$(document).ready(function() {
var chbx = $(".s4-itm-cbx");
var element = chbx.replaceWith('<input type="radio" runat="server" name="rdList" style="width:12px; height:12px;" value="'+checkbox.attr('value')+'"/>');
$('input:radio[name=rdList]:nth(0)').attr('checked',true);
$("input:radio[name=rdList]:checked").trigger('click');
$("input[type='radio']").click(function(){
var crbx = document.activeElement;
$("input[type='radio']").each(function () {
if(this!= crbx && this.checked == true){
this.checked = false;
$(this).trigger('click');
}
});
});
});
Couple of other information:
I am creating a Sharepoint list,where checkboxes are allowed. The requirement is ,the user should be able to select only one listitem at a time.Thats why I am changing the checkboxes to radio button. Again, the first list item should be selected by default.Hope, this information is sufficient.
|
|
|
|
|
My article website very slow. Guide me how we can make fast. It based on article.
|
|
|
|
|
i don't have a knowledge about html, and i want to know it. my friend said that i learn first an html, to become a web developer.
can u please give me a tips or samples to familiar the codes??
|
|
|
|
|
Go tho this link :
http://www.w3schools.com/html/default
here you can get tips and samples.
|
|
|
|
|
|
Hi,
I have to implement breadcrump of the navigation within the site by a user. I have found the following code in the v4.master.
<SHAREPOINT:SPLINKBUTTON id=onetidProjectPropertyTitle navigateurl="~site/" runat="server"><SHAREPOINT:PROJECTPROPERTY runat="server" property="Title"></SHAREPOINT:PROJECTPROPERTY></SHAREPOINT:SPLINKBUTTON>
The above was replaced by the following code.
<ASP:SITEMAPPATH runat="server" hideinteriorrootnodes="true" rootnodestyle-cssclass="breadcrumbRootNode" currentnodestyle-cssclass="breadcrumbCurrentNode" nodestyle-cssclass="breadcrumbNode" rendercurrentnodeaslink="true" sitemapproviders="SPSiteMapProvider,SPXmlContentMapProvider">
</ASP:SITEMAPPATH>
This partially worked by showing the first link that user visits ,on left top of the site. But the problem is ,its replacing the site's logo.Also its showing only the first link.After that it doesnt show anything.
Any idea what changes do I have to make?
|
|
|
|
|
Any help?
modified 1-Jul-13 2:15am.
|
|
|
|
|
Hello,
I do apologize if this is the incorrect forum - there is not one set up for HMTL related questions.
I am new to sprites concept. With that said, I have generated a sprite using a tool available on web.
This sprite has 5 images.
Now, I want to display the images on different locations on a given page. The first image right corner. Second image is 3/4 down the page on left side.
I created a navigation list for first image. Please see below. I have specified the the top at 45px. How would i manipulate the second image now, to show at different locations on the same web page? Would I add another navigation list and work that way? Is there a way I can control the location of image in #advsearch specification? Thank you!
<style>
#navlist {position: relative;}
#navlist li {margin:0;padding:0;list-style:none;position:absolute;top:45px;}
#navlist li, #navlist a {height:23px;display:block;}
#advsearch {left: 650px;width: 136px;}
#advsearch {background:url('CSS_Sprite_1.png') 0 0;}
</style>
<body>
<ul id="navlist">
<li id="advsearch"><a href="http://search.com/"></a></li>
</ul>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
|
|
|
|
|
Hi ,
I am creating a list in sharepoint with two buttons for creating and getting the details of the list item.Here,when the user is hovering the mouse on buttons,the buttons should be highlighted. I have put the below code in css for changing the color.
btn:hover
{
background-color:Silver;
}
Here,btn is the class name. But this didnt bring the expected change. What am I missing? Pls help.
|
|
|
|
|
If "btn" is the class name, you are missing a '.' character in front:
.btn:hover
{
background-color:Silver;
}
|
|
|
|
|
You forgot to add the . in front of you class name, should look as follows:
.btn:hover
{
background-color:Silver;
}
|
|
|
|
|
Actually its a typo from my side when entered the question.Still its not working.
|
|
|
|
|
Is the btn class in a style sheet or in a tags in the page?
|
|
|
|
|
It is in the style sheet.
And for the button I have mentioned the class as btnhover.
|
|
|
|
|
Here is few things you can check
Make sure the style sheet is correctly referenced in you page.
Make sure that there is no other styles overwriting the btn:hover class
Make sure that the default btn style background-color does not have !important after it
If nothing works, try adding !important to you background-color style in you .btn:hover class e.g.
.btn:hover
{
background-color:Silver !important;
}
If the problem still exists, provide more html and style sheet code
|
|
|
|
|
The following is the button that I have created.I havent mentioned background color for default style.
<input name="btnOkay" class="btn" title="btnOkay" disabled="disabled" type="button" value="Okay" style="background: -webkit-linear-gradient(#53B7E8, #214D6B);
background: -moz-linear-gradient(to bottom, #53B7E8, #214D6B);
background: -ms-linear-gradient(#53B7E8, #214D6B);
background: -o-linear-gradient(#53B7E8, #214D6B);
background: linear-gradient(to bottom, #53B7E8, #214D6B);
position:relative;
left: 50%;
top:50%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53B7E8',
endColorstr='#214D6B');zoom: 1;width:150;height:30;border-radius:10px;color:white;">
Still it doesnt work.
|
|
|
|
|
Hey
Theres some improvement in the issue.I have made the below changes
input name="btnOkay" class="btn" title="btnOkay" disabled="disabled" type="button" value="Okay" style="position:relative;left: 50%;top:50%;zoom: 1;width:150;height:30;border-radius:10px;color:white;" /></div>
Now its showing the color change. But I have to do some more modifications like , the button shouldnt highlight when its disabled. Currently its highlighting irrespective of the disable status.Should I use JQuery to apply this logic or is there any other alternative?
|
|
|
|
|
you can add another class .btn:disabled and add you styles that must show when the button is disabled e.g.
.btn:disabled
{
backgrouund-color: grey;
}
But I think you have to add !important so that the .btn:hover does not overwrite the new class
|
|
|
|
|
Just now I have tried this code. One thing I have noticed is that , in the sharepoint designer, the properties that listed out once I wrote '.btn:' didnt contain 'disabled'. Still I have put the code as told,but the result is the same. I have mentioned !important also. But with no change in the result.
|
|
|
|
|
i need to develop webui like cloudify webui console. so what kind of technologies i need to use for that?
or can anyone tell me what kind of technologies used by cloudify webui?
|
|
|
|