Experts Exchange connects you with the people and services you need so you can get back to work.

HTMLSponsored by jamf

59K

Solutions

101

Content

30K

Contributors

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

Drop down list to show correct text box value

There is a drop down list and a text box. Basically the ddl has 5 options and tb will show the date for the first 2 options and then if next 3 options is selected, tb shows 'NA'.

Problem: By default it will show the date in tb. If i select the THIRD option and then back to the FIRST option, it still shows 'NA'. How do i get the ddl to show back to the date after filtering options 3/4/5.

Script code

  <script>
          $(document).ready(function () {
              $('#ContentPlaceHolder1_Choose).change(function () {
                  // Filter ddl w/ date
                  if ($(this).val() == "Friend of IPS") {
                   $('#ContentPlaceHolder1_datetime').prop( "disabled", false);
                  } else if ($(this).val() == "") {
                      $('#ContentPlaceHolder1_datetime').prop("disabled", false);
                  }
                  else {       
                      $('#ContentPlaceHolder1_datetime').prop("disabled", true);
                      $('#ContentPlaceHolder1_datetime').val("NA");
                  }
              }); 

        });
        
    </script>

Open in new window

Html code

    <div class="form-group">
    <label for="lblChoose"> Choose:</label>
    <select runat="server" class="form-control" id='Choose' style="width:350px; left: -1px; top: -2px;">
      <option value="">Select</option>
      <option value="A">A</option>
      <option value="B">B</option>
      <option value="C">C</option>
      <option value="D">D </option>
    </select></div>

  <div class="form-group">
    <label for="lblExpiryDate">New Expiry Date:</label>
      <input runat="server" type="text" class="form-control" style="width:350px;" id="datetime" />
  </div>

Open in new window

cs code
(How i got the date to show by default basically)
datetime.Value = DateTime.Now.AddYears(1).ToShortDateString();

3 Comments

Hi

I am using the following html on my ASP.net to try to float two link buttons to the left nd two to the right. The CSS is shown further down. The problem is that the controls that shouls appear on the right area appearing underneath

            <asp:Panel ID="Panel_Menu" runat="server">

                <div class="entire-thing">
                <div class="ad-left">
                            <asp:LinkButton ID="LinkButton2" runat="server" PostBackUrl="~/Default.aspx">HOME</asp:LinkButton>
                &nbsp;
                <asp:LinkButton ID="LinkButton3" runat="server" PostBackUrl="~/Checkout.aspx">CHECKOUT</asp:LinkButton>
                </div>
                <div class="ad-right">
                              <asp:LinkButton ID="LinkButton1" runat="server" PostBackUrl="~/Checkout.aspx" Visible="False"></asp:LinkButton>
                <asp:ImageButton ID="ImageButton1" runat="server" Height="23px" ImageUrl="~/Resources/Basket.jpg" PostBackUrl="~/Checkout.aspx" Visible="False" Width="34px" />
                </div>
                <div class="clear"></div>
                </div>
            </asp:Panel>

Open in new window

.ad-left {
    float: left;
    width: 49%;
}

.ad-right {
    float: right;
    width: 49%;
}

.entire-thing {
    width: 100%;
}

Open in new window

1 Comment

Please help me in this jquery script.

I have the HTML table with checkboxes in each row in the first column and the ID column as the second column . This table has pages , when i click on the second page and come back to the first page , all the checked checkboxes are unchecked.

I created the jquery code to get the ID's and save it in the hidden textbox .

Now am trying to get those values from the hidden textbox and put it in the array to check the checkboxes. How can i do this ?

$(document).ready(function () {

var array = $('#txthidden').val().split(",");
$.each(array, function (i) {
//how to check the checkboxes based on the ID column value .
});
});

Thanks for your help!.

13 Comments

LVL 5

Question by

Will

1d ago

Function reporting as undefined

I have a function defined in the head of an html page as follows:

<script>
function WriteToFile(passPostTest) {
 
    set fso = CreateObject("Scripting.FileSystemObject"); 
    set s   = fso.CreateTextFile("c:/spider/posts.txt", True);
 
     
    s.writeline("Post :" + passPostTest);
    
 
    s.writeline("-----------------------------");
    s.Close();
	
 }
 </script>

Open in new window

I call the function from the following html code

<a href="#" onclick="WriteToFile(passPostTest);">Save Post</a>

Open in new window

the console returns the following error "Uncaught ReferenceError: WriteToFile is not defined at HTMLAnchorElement.onclick"

I am lost as to why its reporting it as undefined. BTW passPostTest is a javascript global variable

7 Comments

I have issue where the multiple tab able to switch accordingly with the content but the link does not change at all. I have try to do it using

<li><a target="_blank" href="#tab_a">Test</a></li>

Open in new window

the link does change according to the tab but it open in new tab instead. Is there any way I can do where I can click on any tab, the link and content change according to tab clicked but remain in the same page instead of go to new tab.

Scenario(Red box): I firstly go to LinkParis(the link will show LinkParis). Then I go to LinkLondon to see the content, the content did change but the link remain at LinkParis.

Blue Box: This is the expectation result. No matter which tab I click, the link will change accordingly and remain the same page(not new tab).

1 Comment

LVL 39

Question by

thenelson

1d ago

problem displaying wav player in chrome

Google Chrome wav player display problem. It looks like Google Chrome changed the display when a wav file is played. It used to be a short (18px high) rectangle. Now it is a taller (50px high) with rounded corners. I have a script that displays the Chrome player in an iframe which I had to redesign because of the change. However I can't get the player display to align on the left:

When I make the iframe wider, the Chrome player display just moves to the right:

Anyway to move the Chrome wav player display to the left margin?

Here is the code I'm using:

<a href='sample.wav' target='newframe'>
<div style='display:inline-block;height:50px;overflow:hidden;border-radius:25px;'>
<iframe name='newframe' frameborder='0' height='50' width='375'></iframe>

Open in new window

If I remark out the line with div inline-block (line 2), I get the same thing with square corners.

Also you may notice the play slider above is very short. If I play a wav file from another site it is longer:

Is there someway to get a longer slider?

Thanks

12 Comments

No matter what SEO online tool I check all of them allways says that i have some broken url's i check the structure of them and i dont know what is wrong with thouse url.

I hope you can help me and told me what Im doing wrong I check one bye one and i try different ways to write them and I did not find errors on them.
---------------------------------------------------------------------------------------------------------
url: http://www.grupossc.com/elblog
type: SEO friendly url
code: <a href="/elblog" title="Blog de Grupo SSC">Blog</a>
---------------------------------------------------------------------------------------------------------
url: http://www.grupossc.com/lapagina/mescal-app-de-comunicacion-y-difusion-tecnologica-de-diseno-y-simulacion
type: SEO friendly url
code: <a href="/lapagina/mescal-app-de-comunicacion-y-difusion-tecnologica-de-diseno-y-simulacion" title="Mescal comunidad virtual">
---------------------------------------------------------------------------------------------------------
http://www.grupossc.com/areas/nuestros-webinars
type: SEO friendly url
code: <a href="/areas/nuestros-webinars" title="Webinars">Webinars</a>
---------------------------------------------------------------------------------------------------------
http://www.grupossc.com/areas/nuestros-talleres
type: SEO friendly url
code: <a href="/areas/nuestros-talleres" title="Talleres">Talleres</a>
…

4 Comments

Firefox has always had a way to archive a webpage to a single file. This file, when used in the browser would display exactly like the webpage it was made from. The great part about it is that it will be one HTML file. This file would have all the dependent files within it. Now the latest way I found to do this in Firefox is with SavePage WE. It does a pretty good job. Is there any way to this with Wget or any other command line tool? I would like a way to produce the result similar to SavePage WE, without interacting with a browser. I would like it to be one HTML file that could open in any browser. Thanks

HTML
Archive

5 Comments

I want to change the font color of a row to white when an order is Priority = 1 with the database. I assume I will accomplish this by using CSS.
I am using third party that came with our ERP which displays dashboards. Can anyone point me in the right direction on how
to accomplish this? below is the complete sql statement I am using to display results in the dashboard. Also attached a screenshot of how the
results are displayed.

SELECT WO_NUMBER AS WONUM
      ,PART_NUMBER AS PN
      ,DESCRIPTION AS DESCR
      ,PRIORITY
      ,CASE CONTRACT_TYPE WHEN 'PBH Pool' THEN 'PBH' ELSE 'TM' END AS CONTRACT
      ,DAYS_OPEN AS TAT
      ,CASE WARRANTEE_FLAG  WHEN 'F' THEN ' ' WHEN 'T' THEN 'W' END AS INFO
      ,TECHNICIAN AS TECH
,case when days_open > 5 or priority >= 1 then '#ff0000' else case when days_open > 3  then '#f68835' else '#66b65d' end end row_color
  FROM BA_VIEW_WIP_SHOP_SCREENS
  WHERE STATUS IN ('OPEN', 'AWT SHOP EVAL', 'SHOP EVALUATION') AND SHOP = 'SH AVIONIC ARO'
order by days_open desc

Open in new window

Capture.PNG

1 Comment

Hello everyone,

I have a firebase database and a html website which I am using to post news related articles and I would like to be able to have the ability to post new articles to firebase and have them populate on the website automatically. The website is only on a CPanel server and is not being generated using a Linux platform.

I also use bootstrap to format the pages and would like the pages to maintain formatting. Any suggestions are appreciated :)

0 Comments

I have been trying to follow the videos and extract data from an HTML file and I was able to do so on my system. BUT when I try to use the same code/module to extract data from the html file from my Friend's system it shows me an "error 91: object variable or with block not set" at line 2 and sometime even at line 1. Basically it is not reading the html document on a different system. The HTMLButton1 when tried in debug.print show nothing

Dim file As String
Dim IE As New SHDocVw.InternetExplorerMedium
Dim HTMLDoc As MSHTML.HTMLDocument
Dim HTMLButton1


file = "C:\temp\HTML\page1.html"

IE.Visible = False
IE.navigate file 'line 1
Do While IE.Busy = True
Loop

Set HTMLDoc = IE.Document
Set HTMLButton1 = HTMLDoc.elementFromPoint(338, 462)


array_objects(index).date = HTMLButton1.innerText 'line2


IE.Quit
Set IE = Nothing

Open in new window

1 Comment

LVL 8

Question by

Camillia

5d agoSolvedPrivate

Path to one image works but to the other doesn't

I wonder if this is because of IIS and how the site is setup

1. My coworker set up an IIS site like this

2. You see there's a path assets-->pages-->img-->login the images in this path aren't showing up. I've tried
/assets/pages/img/login/bg1.jpg,
../assets/pages/img/login/bg1.jpg
~/assets/pages/img/login/bg1.jpg

3. Images under this folder show up "img". This is in the root folder of that "Demo" site. In the image above, I've marked the folder with XX. I have it like this ~/img/CSI-logo.png

When I look at Chrome's console, that path is translated to this (has "demo" in the beginning of it)

4. If I hard code the "demo" root folder, then the image shows up /Demo/assets/pages/img/login/bg1.jpg

Why is this? I don't want to hardcode /Demo/ How can I fix this? what path do I need to use?

8 Comments

Question by

APD Toronto

5d ago

WCAG 2.0 Level A / AA

Hi Experts,

Could any one tell me what does testing a website to be compliant with WCAG 2.0 Level A and AA involve?

Are there any curses for this?

What is the going rate for this?

I'm also wondering, what are the types of assistive devices covered, so that I can recruit the right persons with disabilities (myself included ), and what to test for. The client is asking for testers with disabilities.

Thank you.

0 Comments

I am trying to send out an HTML news letter, and struggling with outlook. pictures and text are shown leveled on HTML, web base email clients, but not in outlook desktop

2 Comments

LVL 8

Question by

Camillia

6d agoSolvedPrivate

Apply CSS to make the background darker

I bought this template and this is the front page

https://keenthemes.com/preview/metronic/theme/admin_4/page_user_login_5.html

I replaced the images in my project but the images are too bright. I was looking at some sites and there's a way to apply a background color to make the images a little bit darker.

I looked at our own company website and they've darkened the images with this CSS. I don't think I need all that. The key is "background". How can I apply it to the site? where does it go? if I know where I can put it, then I can make the change in my code.

body .page #hero .inner-wrap {
  background: rgba(9, 9, 9, 0.6);
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  max-height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

Open in new window

4 Comments

Hi,

I have the following code - it is a form where I am trying to get the value from the form posted to the page and the value collected via a PHP post.

The first form item works - I can get the value all ok from the checkbox when it is checked/unchecked, I am having trouble with the second one (where the cell is clicked) - it posts ok, but doesn't post a value, how can I get it to post a value? I thought defining the value would do it, but that didn't work.

Any help would be appreciated !

<?php

$elm1 = $_POST['elm1'];
$elm2 = $_POST['elm2'];

echo "$elm1";
echo "$elm2";

?>

form start

<form id="PH33FORM" action="<?php echo $_SERVER['PHP_SELF'];?>" method='post'>
  <table>
    <tr><td><input type='checkbox' value='VALUE1' id='elm1' name='elm1' onchange='document.getElementById("PH33FORM").submit()'></td></tr>
    <tr><td value='VALUE2' id='elm2' name='elm2' onclick='document.getElementById("PH33FORM").submit()'>VALUE</td></tr>
    <input type="submit" value="Submit">
  </table>
</form>

Open in new window

HTML
PHP

3 Comments

LVL 1

Question by

sglee

6d ago

Protecting online application form abuse

Hi,

i have cold fusion web page (.cfm) where potential customers fills out credit application information and submit to us.At this point, anyone can poke around and can stumble upon this .cfm page and fill out the information and submit to us.

However, due to no protection or verification process in place, we are getting one too many prank/fake applications and I like to do something about it.

I have seen examples of protection like requiring the result of multiplication of two numbers: 2 x 3 = 6 or the picture where I am supposed to select blocks in the picture where cars are seen ... etc.

What is the simplest and easiest way of protecting this page from abuse?

Thanks.

2 Comments

Hi experts,

I have a asp.net mvc 5 application using C#, Razor, jquery.

This is a followup to this ticket:
https://www.experts-exchange.com/questions/29104238/hyperlink-in-ASP-NET-using-Razor.html?anchor=a42592893¬ificationFollowed=208651180#a42592893

in my view on my table my link is set like this it works fine:

<a id="ReportLink" target="_blank" href="http://google.com/employeeid=@item.EmployeeID">@Html.DisplayFor(modelItem => item.EmployeeID)</a>

Because on click i want user to got to
http://google.com/employeeid=1
http://google.com/employeeid=2
http://google.com/employeeid=3

<a id="ReportLink" target="_blank" href="http://google.com/employeeid=@item.EmployeeID">@Html.DisplayFor(modelItem => item.EmployeeID)</a>

Is there a way to set the href attribute to

Having a Javascript variable called firstpartofhref = "http://google.com/employeeid=" and then set it in the href before the @razor tag something like this?

href=" firstpartofhref + @item.EmployeeID"

Or
can i just store this razor tag @item.EmployeeID in a javascript variable called secondpartofhref also?

and then set the href attribute something like this?

href=" firstpartofhref + secondpartofhref"

1 Comment

Is it possible to set the fonts to white when the results are red, '#ff0000'? This is being used in a third party
browser based KPI dashboard. Screenshot of exmaple attached.

SELECT WO_NUMBER AS WONUM
      ,PART_NUMBER AS PN
      ,DESCRIPTION AS DESCR
      ,CASE CONTRACT_TYPE WHEN 'PBH Pool' THEN 'PBH' WHEN 'FLAT RATE' THEN 'TM' END AS CONTRACT
      ,DAYS_LEFT AS TAT
      ,CASE WARRANTEE_FLAG  WHEN 'F' THEN ' ' WHEN 'T' THEN 'W' END AS INFO
      ,TECHNICIAN AS TECH
,case 
		WHEN days_left = 0 then '#ff0000' 
                when PRIORITY = 1 then '#ff0000'  
		when days_left BETWEEN 1 AND 3  then '#f68835'
		when days_left > 3  then '#66b65d' 
		ELSE '#add8e6'
	 end row_color
  FROM BA_VIEW_WIP_SHOP_SCREENS
  WHERE STATUS IN ('AWT SHOP REPAIR', 'SHOP REPAIR', 'RETURN AS IS', 'SCRAP') AND SHOP = 'SH AVIONIC ARO'
order by days_left desc

Open in new window

Capture.PNG

5 Comments

I'm trying to customize this template. Support has not been really useful. I replaced those links with "xxx"

On the section course categories there is some columns.

<div class="col-xs-12 col-md-4 teaser_border teaser_border_column_11">
<div class="teaser text-center h5">
<div class="teaser_image">
<img src="xxx">
</div>
<h5>
<a href="rainbow-colleges/course-category/creative-arts/">
Creative ARts & Media </a>
</h5>
<p>
Explore film, journalism, photography or theatre, music. Learn from the experts
in creative arts and media... </p>
</div>

</div>

So let's say I want the whole column to hover when the cursor is on and I also want put a link on the img. which hovers too

HTML

<div class="col-xs-12 col-md-4 teaser_border teaser_border_column_11">
<div class="teaser text-center h5">

<div class="teaser_image"><a href="http://rainbow-colleges/course-category/creative-arts/">
<img src="xxx">
</div>
<h5>
<a href="http://rainbow-colleges/course-category/creative-arts/">
Creative ARts & Media </a>
</h5>
<p>
Explore film, journalism,

…

1 Comment

I need to show a form in table format with frozen headers and columns. I thought I could use the jquery multifreezer, but if the fields have default values in them, they are getting duplicated on submitting the form. So instead of ending up with the form value of 'Day', I get the value 'Day, Day'.

I am guessing this has to do with the cloning that is going on in the javascript.

Is there a way to not allow the values to duplicate? I really don't understand. Below is a link to the MultiFreezer and I have added the contents of the .js file which I believe is the culprit.

https://www.jqueryscript.net/table/Freeze-Headers-Columns-In-Table-jQuery-MultiFreezer.html

(Added)
Below is a very simplified version of my form. As soon as I comment out the line "<script src="multifreezer.js"></script>" it works fine. I also added screenshots of the results of the form.

<!DOCTYPE html> 

<html>
<head>
<title>Schedule Jobs</title>

<script>
function SaveIt()
{
document.form1.action = "add_jobs-simple.cfm?save=y";
document.form1.submit();
} 
</script>

<style>
#freezer-example { width: 100%; max-height: 800px; overflow: hidden; margin: 1em auto; font-family:arial;  font-size:14px;}
#freezer-example .table th,#freezer-example .table td { white-space: nowrap; }
#freezer-example .table th { outline: 1px solid #606060; padding: 20px 2px 20px 2px; }
#freezer-example .table td { outline: 1px solid silver; padding: 20px 2px

Open in new window

…

10 Comments

Problem displaying foreign characters on the website from a MS SQL Server

The Name in SQL Database is : Lukáš Kovdsanda
This is displaying on website as : Luk� Kovdsanda

However, if I save from the website to the database it saves in the database as this "LukÃ¡Å¡ Kovdsanda"

select SERVERPROPERTY('collation') give the MS SQL collation as : Latin1_General_CI_AS

What do I need to do on the html/php code to fix this

10 Comments

First
Prev
1
2
3
4
5
6
7
Next
Last

HTMLSponsored by jamf

59K

Solutions

101

Content

30K

Contributors

HTMLSponsored by jamf

Related Topics

HTMLSponsored by jamf

Related Topics