Jump to content

lcmorley

Members
  • Content Count

    10
  • Joined

  • Last visited

Community Reputation

0 Neutral

About lcmorley

  • Rank
    Newbie
  1. Found the answer.Just changed:listBox.style.cssText = 'position:relative;z-index:1;';tolistBox.style.cssText = 'position:absolute;z-index:1;';
  2. I am trying to create a multi select drop down list using html components.I have two textboxes and a button beside each.Is it possible on click of the first button to have the "select" element just sit on top of the second text box. Rather than pushing further down the page?Here is the code: <head> <script type="text/javascript"> function onButtonClick(invokingButton,list) { var listArray = list.split(','); var listBox = document.createElement('select'); listBox.setAttribute('multiple', 'true'); listBox.style.cssText = 'position:relative;z-index:1;'; document.getElementById("span").appendChild(listBox); } </script></head><body> <div> <input type="text"/> <input type="button" onClick="onButtonClick(this, 'Active, Deferred')"/> <div> <span id="span"></span> </div> </div> <div> <input type="text"/> <input type="button" onClick="onButtonClick(this, 'Active, Deferred')"/> <div> <span id="span"></span> </div> </div></body> Any help would be greatly appreciated as I have spent far too long on this now. :)Thanks.
  3. Thanks for the replies. I got it working in the end by using the overflow property.Next problem now if anybody can help.I have the following css:.incidenttable{ width:550px; height:350px; overflow:scroll}.headerrow th{ color:white; background-color:#BDBDBD; white-space:nowrap; padding:0px 5px }.striperow { background-color:#E6E6E6; } And the following HTML: <div class="incidenttable"><table> <thead> <tr class="headerrow"> <th>Reference Number</th> <th>Severity</th> <th>Incident State</th> <th>Escalation</th> <th>Symptom Summary</th> <th>Assignment Group</th> <th>Assigned To</th> <th>IM Group</th> </tr> </thead> <tbody> <c:forEach var="eachIncident" items="${incidents}"> <% String eachIncidentId = ((PresentableIncident)pageContext.getAttribute("eachIncident")).getIncidentSysId(); rowCount++; %> <tr <%= rowCount % 2 == 0 ? "class=\"striperow\"" : ""%>> <td> <a href="#" onClick="<portlet:namespace/>fireIncidentEvent('<%= eachIncidentId %>')" id="<%= eachIncidentId %>"><%= ((PresentableIncident)pageContext.getAttribute("eachIncident")).getReferenceNumber()%></a> <% renderRequest.getPortletSession().setAttribute("incidentMetaData", ((PresentableIncident)pageContext.getAttribute("eachIncident")).getMetaData(),PortletSession.APPLICATION_SCOPE); %> </td> <td> <c:out value="${eachIncident.severity}"/> </td> <td> <c:out value="${eachIncident.incidentState}"/> </td> <td> <c:out value="${eachIncident.escalation}"/> </td> <td> <c:out value="${eachIncident.symptomSummary}"/> </td> <td> <span id="asynchFieldAG${eachIncident.incidentSysId}">fetching results...</span> </td> <td> <span id="asynchFieldAT${eachIncident.incidentSysId}">fetching results...</span> </td> <td> <span id="asynchFieldIMG${eachIncident.incidentSysId}">fetching results...</span> </td> </tr> </c:forEach> </tbody></table> My problem is that the table rows within the tbody are not striping in IE7. However, they are working in FF.I have created the .striperow css, and then applied to alternate rows as can be seen above. Bloody IE7, why does anybody even use IE aaaarrrggghhhhh. :)Any help would be greatly appreciated.Thanks.
  4. I am working on some css at the moment.I have put the following HTML together, and it is not producing the results I would expect. <div style="width:550px;border:solid;background-color:red;"> <ul style="list-style-type:none;margin:0px;padding:0px;"> <li> <ul> <li style="display:inline;padding:10px;font-weight:bold;width:150px;float:left"> Heading 1 </li> <li style="display:inline;padding:10px;font-weight:bold;width:150px;float:left"> Heading 2 </li> <li style="display:inline;padding:10px;font-weight:bold;width:150px;float:left"> Heading 3 </li> </ul> </li> <li> <ul style="margin0px;padding:0px;"> <li style="display:inline;padding:10px;width:150px;float:left"> this is a piece of sample test </li> <li style="display:inline;padding:10px;width:150px;float:left"> mwahahaha </li> <li style="display:inline;padding:10px;width:150px;float:left"> <span>this is another piece of sample text</span> </li> </ul> </li> </ul></div> In firefox, the div appears in red at the top, however, the list is outside the div and underneath.Not sure what the problem is. Why is it not appearing within the div? Is it because I am using the float?If however, I remove the float, then the widths are not applied, and so the columns do not line up. Is there any other way of getting the widths to be applied without having to use floats?Any help would be greatly appreciated.Cheers.
  5. Hi,I am looking for an Editable Grid Control which can be used within an HTML page.I have seen ActiveWidgets which appears to be great for what I want, only it requires licensing.Do people out there tend to use this, or is there an opensource alternative.Thanks.
  6. That was a quick reply justsomeguy.I am aware of how I can cost my own work, but I was just after a general ballpark figure of what other companies may charge. Are we talking £2-3k, or £10-£15k.I really have no idea.Cheers,
  7. I am looking at approaching a local company for an e-commerce website.I need to come up with a quote for design, implementation and support.Anybody have any idea on this. I have worked on many website in the past, but have no idea of the general quote people would give.Obviously, as this may potentially be my first customer I will give a significant discount, but would be worth having an idea if anybody out there knows.
  8. Great,Thanks for all of your replies. Greatly appreciated and thanks for your time.Cheers.
  9. Thanks for the reply,When you say just javascript, do you mean jQuery within javascript, or javascript solely, because I am not too sure how you could do it with javascript alone.
  10. I have a question.I have seen menus on websites in the past that appear when hovering over hyperlinks etc. However, the rest of the screen does not get affected at all. The menus just appear to float there. Is this done using a jQuery dialog, or is there any other way of doing it using HTML?I assume that the same sort of thing is used when sites provide advertising banners when a page is opened initially.Any help would be greatly appreciated.
×
×
  • Create New...