I've made a content managment system that uses icons to represent page
layouts. To choose a different layout, the user clicks on a radio button
associated with each layout icon. On click of one of the radio buttons, the
form submits and a new layout is chosen.
I would prefer if people can click on the icons themselves , rather than
using the radio buttons.The border or background associated with the
selected icon can highlight conditionally, based on a DB lookup. The
highlighting will indicate the selection.
I know how I could do this "by hand", associating each image with code that
would initate an insert to a database.
I would prefer it if I just bolt the image onto the existing structures in
HTML that manage radio buttons, and sub an image for the
button.
I seem to recall there is a way to do sub an image for the button. Can
anyone show me the syntax?
Right now my code looks something like this:
img name="Layout2" src="images/Layout2.gif" width="100" height="125"
border="4" alt="">
<br>
<input <%If (rsArticle.Fiel ds.Item("Lay_La youtID").Value) = "2" Then
Response.Write( "CHECKED") : Response.Write( "")%> type="radio" name="Layouts"
value="2" onclick="this.f orm.submit();">
Thanks,
-KF 4 3609
Ken Fine wrote: I've made a content managment system that uses icons to represent page layouts. To choose a different layout, the user clicks on a radio button associated with each layout icon. On click of one of the radio buttons, the form submits and a new layout is chosen.
I would prefer if people can click on the icons themselves , rather than using the radio buttons.The border or background associated with the selected icon can highlight conditionally, based on a DB lookup. The highlighting will indicate the selection.
<cut />
HTML provides this functionality natively:
<form action="someurl .asp" method="post">
<fieldset>
<legend>Choos e a Layout</legend>
<label for="layout_1">
<img src="layout1.jp g" alt="Layout 1" width="100"
height="75" />
</label>
<input type="radio" name="layout" value="1" id="layout_1" />
<label for="layout_2">
<img src="layout2.jp g" alt="Layout 2" width="100"
height="75" />
</label>
<input type="radio" name="layout" value="2" id="layout_2" />
<label for="layout_3">
<img src="layout3.jp g" alt="Layout 3" width="100"
height="75" />
</label>
<input type="radio" name="layout" value="3" id="layout_3" />
<input type="Submit" value="Save Layout Choice" />
</fieldset>
</form>
--
Andrew Urquhart
- Reply: www.andrewu.co.uk/about/contact/
Sorry, I'm not being sufficiently clear.
I don't want the button interface elements to appear, just the icons, yet I
still want forms functionality.
OnClick of an icon, the form will auto-submit the chosen value to the
database.
On subsequent access, the icon's background or border will be conditionally
rendered a different color if it is chosen.
I'd prefer to still do this within an HTML forms context, just without using
any of the standard form widgets or elements (e.g. radio button.)
"Andrew Urquhart" <re***@website. in.sig> wrote in message
news:h_******** *****@newsfe1-gui.server.ntli .net... Ken Fine wrote: I've made a content managment system that uses icons to represent page layouts. To choose a different layout, the user clicks on a radio button associated with each layout icon. On click of one of the radio buttons, the form submits and a new layout is chosen.
I would prefer if people can click on the icons themselves , rather than using the radio buttons.The border or background associated with the selected icon can highlight conditionally, based on a DB lookup. The highlighting will indicate the selection. <cut />
HTML provides this functionality natively:
<form action="someurl .asp" method="post"> <fieldset> <legend>Choos e a Layout</legend> <label for="layout_1"> <img src="layout1.jp g" alt="Layout 1" width="100" height="75" /> </label> <input type="radio" name="layout" value="1" id="layout_1" />
<label for="layout_2"> <img src="layout2.jp g" alt="Layout 2" width="100" height="75" /> </label> <input type="radio" name="layout" value="2" id="layout_2" />
<label for="layout_3"> <img src="layout3.jp g" alt="Layout 3" width="100" height="75" /> </label> <input type="radio" name="layout" value="3" id="layout_3" /> <input type="Submit" value="Save Layout Choice" /> </fieldset> </form> -- Andrew Urquhart - Reply: www.andrewu.co.uk/about/contact/
Can you use <Input type=image> ?
"Ken Fine" <ke*****@u.wash ington.edu> wrote in message
news:c4******** **@nntp6.u.wash ington.edu...
Sorry, I'm not being sufficiently clear.
I don't want the button interface elements to appear, just the icons, yet I
still want forms functionality.
OnClick of an icon, the form will auto-submit the chosen value to the
database.
On subsequent access, the icon's background or border will be conditionally
rendered a different color if it is chosen.
I'd prefer to still do this within an HTML forms context, just without using
any of the standard form widgets or elements (e.g. radio button.)
"Andrew Urquhart" <re***@website. in.sig> wrote in message
news:h_******** *****@newsfe1-gui.server.ntli .net... Ken Fine wrote: I've made a content managment system that uses icons to represent page layouts. To choose a different layout, the user clicks on a radio button associated with each layout icon. On click of one of the radio buttons, the form submits and a new layout is chosen.
I would prefer if people can click on the icons themselves , rather than using the radio buttons.The border or background associated with the selected icon can highlight conditionally, based on a DB lookup. The highlighting will indicate the selection. <cut />
HTML provides this functionality natively:
<form action="someurl .asp" method="post"> <fieldset> <legend>Choos e a Layout</legend> <label for="layout_1"> <img src="layout1.jp g" alt="Layout 1" width="100" height="75" /> </label> <input type="radio" name="layout" value="1" id="layout_1" />
<label for="layout_2"> <img src="layout2.jp g" alt="Layout 2" width="100" height="75" /> </label> <input type="radio" name="layout" value="2" id="layout_2" />
<label for="layout_3"> <img src="layout3.jp g" alt="Layout 3" width="100" height="75" /> </label> <input type="radio" name="layout" value="3" id="layout_3" /> <input type="Submit" value="Save Layout Choice" /> </fieldset> </form> -- Andrew Urquhart - Reply: www.andrewu.co.uk/about/contact/
Ken Fine wrote:
You'll get more help for this issue if you post to an appropriate html,
dhtml or .scripting newsgroup. What you're asking about involves client-side
code, which is totally outside the realm of asp.
Bob Barrows
--
Microsoft MVP - ASP/ASP.NET
Please reply to the newsgroup. This email account is my spam trap so I
don't check it very often. If you must reply off-line, then remove the
"NO SPAM" This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Terrance |
last post by:
Good Afternoon:
I was hoping if someone could share some light on a problem that I'm facing.
When I create a Visual Basic.Net program and I use the XP style for my Window
Forms and buttons; if I add images to my menu buttons they don't show when
the form is created. But, if I don't use the XP style the images show on my
buttons correctly. Can someone please explain to me what the problem is and
how to get around it? Here is how I'm calling...
|
by: LRW |
last post by:
Having a problem getting a onSubmit function to work, to where it popsup a
confirmation depending on which radiobutton is selected.
Here's what I have:
function checkdel() {
if (document.getElementById"].value=='1') {
confirm('Are you sure you want to delete this file?');
}
}
......
|
by: Digital Puer |
last post by:
I have the following HTML form:
- radio button A (default selected)
- radio button B
- input field, of type "file" with "Choose" button
- submit button
I would like to have it so that if the user clicks on the
"Choose" button of the input field (to select a file on
the local disk), then radio button B is automatically
|
by: Marc |
last post by:
Is there a way to produce 3 radio buttons, which when one is selected,
enables 11 check boxes which are otherwise disabled (greyed out)?
EXAMPLE:
Option 1 --Radio buttons
Option 2
Option 3
1 2 3 ... 11 --Check boxes, all disabled unless 'Option 3' is selected
|
by: firstcustomer |
last post by:
Hi,
Firstly, I know NOTHING about Javascript I'm afraid, so I'm hoping that
someone will be able to point me to a ready-made solution to my
problem!
A friend of mine (honest!) is wanting to have on his site, a Javascript
Calculator for working out the cost of what they want, for example:
1 widget and 2 widglets = £5.00
| |
by: Z.K. |
last post by:
I started a forms application and I put on the form three buttons. In
the functions for the radio buttons I put in a single messagebox like:
MessageBox("Hello 1")
MessageBox("Hello 2")
MessageBox("Hello 3")
|
by: jehugaleahsa |
last post by:
Hello:
I have radio buttons bound to boolean properties in a business object.
private void bindRadioButton(RadioButton button, string
propertyName)
{
Binding binding = button.DataBindings.Add("Checked",
exclusionBindingSource,
propertyName,
|
by: MazzaBee |
last post by:
Hi all
Complete newbie. Have a table posing the question "Which do you like best"? Two possible responses. Want to replace radio buttons COMLETELY with images that represent those possible responses. With A LOT of help, I've done that using a "hidden" question (code below). It works - I've checked and clicking on one or other image indeed returns the corresponding value. As far as the user is concerned, however, nothing is happening. Not...
|
by: sourcie |
last post by:
I am changing an existing quiz found on "JavaScriptKit.com Multiple Choice Quiz"
I have an image. Instead of using the radio buttons with the normal true/false question, I want to place two hotspots on the image. One being correct(a) and the other incorrect(b). When the user clicks on the correct hotspot or place on the image, it should score and retain that value until the end of the quiz. At the end of the quiz, there is a submit button...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
| |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |