Web Languages and Standards

39K

Solutions

30K

Contributors

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Share tech news, updates, or what's on your mind.

Sign up to Post

Problem:

Encountering Reference Error/.JS file unable to load. The goal is to have input from the user displayed in another text field.  Then reset the first input field so that new info can be put in. The code is 97% complete with all HTML requirements including methods and variables in the .js file. The code is in vanilla javascript and HTML. Located below and saved as a .txt for upload compatibility to the site.

Attempted solutions: Initializing the anonymous function to a variable did not work. Looking for a solution ASAP. Plugins/extra frameworks/Jquery cannot be used.
THECURRENTASSIGN1CODE91518.txt
0
C++ 11 Fundamentals
LVL 12
C++ 11 Fundamentals

This course will introduce you to C++ 11 and teach you about syntax fundamentals.

I am trying to put together some pertinent questions in regards to our corporate website, in terms of technology, hosting, support, roles & responsibilities etc. This is to assist in an independent review of the website by a 3rd party from both accessibility, performance, security etc. Can you suggest some relevant 'fact finding' questions that if you needed to understand the setup of a website, and its hosting, and all the various technology components used to develop and maintain the site. It is not something I have ever had responsibility for, so having some queries in order to get a better understanding would be most useful.
0
Explain how TypeScript fits into Angular?

I coded Angular 4 and am pretty sure I used TypeScript. But, I can not recall exactly where.

Please refresh my memory.

Thanks
0
I am trying to quantify risks with the current 'management' and roles & resp[responsibilities of our websites 'content management system' (concrete5). I have never administered a content management system for a website before, but my overall understanding on permissions is there is an admin level role which allows overall control, and then there are author level roles, which allow a number of users to edit content on specific pages or areas of the site. My concern, from a contingency perspective, is we only have 1 officer with admin permissions on the CMS, and the others are only author level roles. The concern being if the 1 current admin was unavailable for example ill health for a few months, what would grind to a halt in terms of the overall CMS management?

Back to the 'I have never administered a content management system for a website before' - if you are a CMS admin, what activities/maintenance/monitoring requires admin level permissions in a solution, or put another way, if nobody logged in as an admin for numerous weeks, what could the knock on effect be? I was also hoping to establish some standard maintenance checklists that the CMS admin has to perform, so if they were unavailable another officer could pick up their duties and would have an easy 'how to guide' on which to follow. Ideally supplemented with formal training.
0
i am trying to manually write some css that simply involves a banner image with some text overlaid. Turns out it's not a simple as I thought. I'm only onto the second media query, and I'm running into trouble. Mostly because I'm stuck in the intermediate level of css and have not yet advanced to expert.

Here is the page: https://www.stadriemblems.com/products/enamel-pins-test/
The css is here, but you can also find it by viewing the source of the page: https://www.stadriemblems.com/static/css/enamel.css

Right Now it's only going to display in the initial desktop viewport size, so you son't be able to help me if you're on a mobie device.

Here are some problems I am running into right off the bat.

I want the text to be centered vertically. It sort of seems like it's working, but it isn't exactly. See the two image attachments for how it looks on my 1440 monitor and how it looks on my 1080 monitor.

That also leaves the issue of height. I have the height set to be a static 1440px at the largest size, but because there is a background image, and without a set width, there's nothing to expand the div. I have the width set to 100% and the background set at "contain" but I guess all those things aren't compatible. I guess I need some advisement as to what to do in this situation.

Basically, my end result is that for all media queries, I want the image to always be 100% width with a proportional height, and for the text to always be vertically centered and fit …
0
Can anyone explain the best practices in regards to link labelling specific to usability/accessibility best practices. A 3rd party who do some basic maintenance of our website have numerous image based links on the homepage which simply state "click here". If you hover over the link it does give a bit more detail on where the links takes the user but I am still not sure that is sufficient, and the label itself should be meaningful, but I am trying to emphasis the risk in them using this kind of practice. I have seen these guidelines, but I cannot find anything specific in WCAG to link labelling best practices to assist users with disabilities e.g. visual impairments. I want to draw out the types of user this type of configuration could impact - to make them improve and use more appropriate labelling.

https://webstandards.hhs.gov/guidelines/92

Just saying it 'looks poor' isn't having much weight in the argument.
0
Need a YouTube based webinar, with chat service

I need to create the MP4 of a live webinar, where I use OBS to live stream myself to YouTube, with my green screen replaced with a professional looking image. But I need one to many chat services.

So, how much I do this?

I wish I could use a comprehensive webinar solution, but they either do not support the green screen technology (WebinarJam) OR they are too expensive (GoToWebinar).

So, my solution is to use:

1) OBS for green screen removal
2) Live OBS stream to YouTube
3) YouTube handles audio

But I need a chat service my attendees can use to submit comments and questions.  

Suggestions?

Thanks
0
Hi,

Given the below soapclient - how can I a) check the version of tls that it is using, and b set it to 1.2 if it is not using that already?  I had assumed the browser I was using would control that side of things, but just want to double check!

$url = "https://www.SOMEURL/interface/api/report.asmx?wsdl";
//Create the client
$client = new SoapClient($url);
$datetimestamp = date("YmdHis");
$reportname = "report".$datetimestamp;

Open in new window


your help is very much appreciated!

cheers
0
I have a web page that displays and plays my voice messages stored elsewhere on the web. I am having a problem with the Chrome built in audio control running in an iframe. Here is what it looks like:audio control in iframeHere is the code:
<a href='https://api.twilio.com" . $recording->uri . "' target='newframe'>Play</a>
....
<iframe name='newframe' frameborder='0' height='150' width='300'></iframe>

Open in new window


As you can see, there is a big black area above the audio control.

I can wrap the iframe in a div to round the corners:audio control in iframe with round cornersCode:
<div style='display:inline-block;height:150px;overflow:hidden;border-radius:27px>
<iframe name='newframe' frameborder='0' height='150' width='300'></iframe>
</div>

Open in new window


But if I try to reduce the height of the iframe and div, the audio control just gets smaller and I loose the time slider"shorter iframeCode:
<div style='display:inline-block;height:54px;overflow:hidden;border-radius:27px>
<iframe name='newframe' frameborder='0' height='54' width='300'></iframe>
</div>

Open in new window


I tried just reducing the height of the div or iframe without reducing the other but then the audio control is out of the frame.

Any idea of how to reduce the height of the iframe without changing the audio control?

I am thinking of using the HTML5 audio control instead (as in the sites below) but I am not sure how to load and then play a new message from the <a> link.
https://www.w3schools.com/tags/tag_audio.asp
https://amazingaudioplayer.com/html5-audio-player-api/playpause-audio-player-inside-an-iframe/

Thanks
0
Hello experts,

I am looking for a free or paid software in order to build database/table/api schema among my various production, testing environments.
I tried yEd but it is not very practical for me.
Could you please advice on this.
Thank you very much in advance for your feedback.

Regards,
0
Become a Certified Penetration Testing Engineer
LVL 12
Become a Certified Penetration Testing Engineer

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

Hi everybody.
I really don't understand how to change the overlay background color in this template: https://colorlib.com/preview/#amado.
I mean: if you hover the mouse on products, a dark semi-transparent overlay appears. The template uses a scss file. In the index a fiola called style.css is linked, but that file is empty and with developer tools I see all styles are set in  style.scss, but I'm not able to find the value that I have to change. I confess I'm totally new to sass, scss.
I post here the scss file:
@import 'theme_color';
@import 'variables';
@import 'mixin';
@import 'responsive';

/* [Master Stylesheet v-1.0.0] */

/* :: :: 1.0 Import Fonts */

@font-face {
    font-family: 'helveticaneuebold';
    src: url('../fonts/helvetica_neu_bold-webfont.woff2') format('woff2'),
    url('../fonts/helvetica_neu_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* :: 2.0 Import All CSS */

@import '../css/bootstrap.min.css';
@import '../css/owl.carousel.css';
@import '../css/animate.css';
@import '../css/magnific-popup.css';
@import '../css/jquery-ui.min.css';
@import '../css/nice-select.css';
@import '../css/font-awesome.min.css';

Open in new window

0
Hi E's,
I want overlay two images in a responsive project. That not easy when we working with CSS position relative.
So, because that, for overlay two images, one will be a background-image, and other is a normal image inside the div, like you can view here:
<div class="row" style="margin-top: 200px;">
        <div class="col s10 l4 offset-s1 offset-l4" id="fundo" style="background-image: url(imagem/MVC-610X.JPG); max-width: 1024px; max-height: 768px;">
        <img src="imagem/MVC-611X.JPG" class="responsive-img" alt="" style="opacity: 0.5">
        </div>
    </div>

Open in new window

With the above code, I can overlay two images (background and div).
I try to found a solution for animate the background image to opacity 0.
With follow code, I try a solution, but all the elements set to opacity 0, include the image inside the div:
$('#fundo').animate({"opacity": 0}, 5000 );

Open in new window



I know the reason why all the elements set to opacity 0, I try to search a solution in the Internet, and I don't find anything related, so I come to EE's to try to get a solution for:
How I create a Jquery animation from opacity 1 to opacity 0, just for the background image, preserve the image in the div?

The best regards, JC
0
Hi,

I want to invalidate my form using jQuery/Javascript.

User enters date field (having id# vhdnPickUpDate) and time field (having id# vPickUpTime)

User should not be able to submit the form if date time is less than 4 hrs which user has entered.

Current time is in field hdnDateTime from where date time needs to compare.

I need to know the logic for this.
How to invalidate the form if datetime is less than or equal to 4 hrs.
Also, accordingly date field needs to be highlighted.

Kindly advise me the solution.

Below is the logic required and details.

var form = $("form");

hdnDateTime= "04/08/2018 07:30:00"

vPickUpDate="04-08-2018"

vPickUpTime="5:30 AM"

var dtTime = vhdnPickUpDate +" "+ vPickUpTime=;
var dtTimeMinus4Hrs = dtTime - 4 hrs;

if(hdnDateTime <= dtTimeMinus4Hrs)
{

invalidate form
Highlight field with id = Item_PickUpDate
// Kindly advise me the solution
}

form.validate();
if (form.valid()) {

}else {
   $('form').validate().focusInvalid();
 }

Open in new window


Regards,
0
Hi Experts

Could you point if  phpCAS that uses API for authenticating users against a CAS server (WebSSO CAS) could be integrated at an existing Codeigniter project?

CAS - Central Authentication Server

I'm implementing a SSO (Single Sign-On)  funcionality to allow a web app conexion based on user id and  correspondent user's data obtained from LDAP (AD-Active Directory)

phpCAS

I'm planning to implement the SSO functionality at PHP Codeigniter's site index.php.

Thanks in advance!
0
Hi E's, I just want to known if my file robots.txt is well written.
The objective is allow all my pages, but disallow 12 url's, for all agents:
===================================
User-agent: *
Disallow: /comprar-zara
Disallow: /politica-de-privacidade
Disallow: /comprar-zara-lisboa
Disallow: /melhores-saldos-2018-lisboa
Disallow: /temas/viagem
Disallow: /temas/compras
Disallow: /temas/compras-saldos
Disallow: /temas/viagem-portugal
Disallow: /melhores-saldos-2018
Disallow: /cremes-para-quase-tudo
Disallow: /temas/saude-cremes-de-beleza
Disallow: /temas/moda-compras-e-saldos
Allow: /
==================================

The big question is, the "Allow: /" should be at the top or bottom?

Regards, JC
0
I am gearing up to a new role here at work... I've been the main IT guy for 17 years, and in the first few of those years I did quite a bit of PHP coding for our website. Since that time, we've grown a lot and have had a full time backend web developer (leaving the company in October) who is a wizard with PHP, MySql, Symfony. Those are the core MVC languages we use in the backend... our front end person uses Twig, React, etc but I won't have to do much with that except pass her data she can display whoever she wants.

Where are a couple good courses I can take to get up to speed with PHP these days? From working with our existing backend guy, he's walking me through Symfony a lot but I've notice he is hand-coding a ton of PHP / MySQL stuff and I realized that is where I need to concentrate learning right now. Any good resources out there, or is Udemy the end all be all. If so, which Udemy course most applies to my needs. Thanks much for any input.
2
How to read Child tags under parent tag with name space in C#?
<ns:tag1></ns tag1>
<ns:tag2>
<child1></child1>
<child2></child2>
</ns:tag2>

How to read child 1 tag?
I am able to till ns:tag2 but unable to read any further tag.
var child = parentElement.Descendants(ns + "tags").First();
This provides list of child tags, but unable to further read it.
Tried a few things like:
child.Descendants("child1").First().Value
and child.Element("child1") (with all possible sub functions)
etc
Even tried to reload the xml from tag2 in XElement again but that threw invalid xml exception.
but all are throwing null pointer exceptions.
0
In a meeting we were told that it is possible to know or identify if a user hit a specific page and it’s contents even if the page is locked.  We understand that when a page has a lock it means SSL and that the data to/fro from the site to computer is encrypted.  Is this possible that even thought the page has a lock, there is  a way to identify the encrypted page that the user visited and identify the contents, if it has form or just regular page?
0
I am exploring xml and am trying to write nested XML elements like this in Windows Powershell:

<r>

   <c1>

      <c2></c2>

   </c1>

</r>

I am completely new to writing XML as well as using powershell, so if you can keep the training wheels on with your explanation/example, I would greatly appreciate it.

Thanks.
0
Learn SQL Server Core 2016
LVL 12
Learn SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

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

0
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
I am trying to set up a simple htaccess redirect, I want to move all traffic from one folder to the home page

I copied and pasted this code from another server that has been using it for years,

when I test it, i get a safari timeout error "Safari cant open page, too many redirects.."


this is my code, in a wordpress site, at bottom of .htacess below wordpress, toast, other plugins code

RewriteEngine On
Options +FollowSymLinks -Indexes

redirect 301 /mce_activity https://oala.ca/

Open in new window

0
Hi,

I was looking for some guidance on the approach to a specific user experience and how people would approach it or if someone has done something like this already.

I have a simple PHP script that enters a value from a text box into the database when the 'add' button is clicked or the user hits enter after entering a value (script below).

What I would like to do is allow a user to hit the enter key when they add their record (as it works below), but if the user were to hit the enter key again, within 4 seconds, it would bring up the full record that they could edit. It is because sometimes the user will only add the one value, but sometimes they will add the one value and also want to view and edit some other fields for that record - how would others approach this from a scripting perspective and also side topic on the User Experience side; are there better ways to do this?




$form = "<form action='./dash_hit46.php' method='post'>" .PHP_EOL;
$form .="<input type='text' id='newadd' name='newadd' placeholder='e.g. x'>" .PHP_EOL;
$form .="<input type='submit' value='add' name='add'>" .PHP_EOL;
$form .="</form>";


if ($_POST['add']){
	
	$newadd = $_POST['newadd'];
		if ($newadd){

		
		// Check connection
if ($conn_task2->connect_error) {
    die("Connection failed: " . $conn_task2->connect_error);
} 

$sql = "INSERT INTO main (tsk_name, tsk_person, tsk_user_link)
VALUES ('$newadd', 'me', '$UID')";

if ($conn_task2->query($sql) === TRUE) {
    echo "New

Open in new window

0
Hi,

Looking for best advice on how to redirect my page after the user had logged into the site.

I have a PHP form which is using the POST method to submit the details to the login page (called login.php) and connects to the mySQL database to authenticate. If the user successfully has entered the right information I have a link that will move them into a members page - i do this process via an IF....Else statement.

Instead of getting the user to actively click on then link to move them on, how would it best be done to automatically redirect the user to the next page (i.e., dashboard.php)? I was looking at the PHP header() function and a JavaScript window.location.replace option - wanted to get some opinions on here too on the simplest, universal way to do this?

Open to any options/suggestions; doesnt have to be PHP or JavaScript.

Thanks in advance.
0
Need to have a "copy to clipboard" feature on my News Articles

I like the site at the company with which I am partnered...but want to be sure I am as little like their site as possible.

Here is the feature in question...

To the right of the article is an icon.

Icon Only
When you click the icon, three choices display themselves.

I only use the "Copy Link" feature

Copy Link
Which opens this box...

Copy Link 2
I want to be sure this feature exists on my website, partly so I can use it to send to articles to clients and so can my sales agents. Obviously, there will be a page label in the URL so that URL opens not only the right page, but to the part of the page where the article is visible.


What similar thing can you show me from some other site? I do not want to copy my partner's site. So, I am taking out the LinkedIn and Email features. I just want that URL in the clipboard.

I know this has been part of the web standard since forever. But I just need to see one example of it some where.

Thanks.
0

Web Languages and Standards

39K

Solutions

30K

Contributors

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.