I wanted to implement jQuery Tooltip  and it looks like "title" attribute is needed for the Tooltip to work.  http://jqueryui.com/tooltip/

The project I'm working on a project that's using Grid.MVC. There's a lot of C# code that gets the column/row data. The grid renders as below.


I found this example that uses jQuery but this adds the "title" as the grid is built Example

Having the grid already rendered, is there a way to get the row data and show it in Tooltip? Would "hover over" work...hover over a grid row and see the data in a popup/tooltip... I"ll look into that.

I wonder why this code isn't working

1. I have a button like this, note the class="jqbuttons"

<button style="background-color:lightblue;border:none;" class="jqbuttons" id="47" type="button"><span class="glyphicon glyphicon-remove"></span></button>

Select all Open in new window

2. I put this click event both in document.ready and outside it. I click on the button and nothing happens

$(document).ready(function () {

		$(".jqbuttons").on('click',function () {
			//getvalue(this.id);
			console.log("button clicked1");
			console.log(this.id);
		});

Select all Open in new window

This works

1. I removed the class and added this onclick='getvalue(this.id);'

<button style="background-color:lightblue;border:none;" onclick="getvalue(this.id);" id="47" type="button"><span class="glyphicon glyphicon-remove"></span></button>

Select all Open in new window

2. The function, outside document.ready..

function getvalue(id) {
		console.log("button clicked");
		console.log(id);
	}

Select all Open in new window

How come the first one doesn't work?

I think the answer to my question is "no"....jqGrid's columns can't be displayed vertically...but I just wanted to double check.

I have it like this now

I have created a angular reactive form.

this.signUpForm = this.formBuilder.group({
      dealershipInformationForm
    });

const dealershipInformationForm = this.formBuilder.group({
      'name': new FormGroup({
        'legalName': new FormControl(null, [Validators.required, Validators.minLength(2), Validators.maxLength(10)]),
        'commonName': new FormControl(null, [Validators.required, Validators.minLength(2), Validators.maxLength(10)]),
      })
    });

Select all Open in new window

I am trying to print different errors messages based on different error types.

export const errors = {
    'legalName': [
      {
        'type': `required`,
        'message': `Legal Name is required`
      },
      {
        'type': `minLength`,
        'message': `Legal Name cannot be less than 2 characters`
      },
      {
        'type': `maxLength`,
        'message': `Legal Name cannot be more than 10 characters`
      },
    ],
    'commonName': [
        {
        'type': `required`,
        'message': `Common Name is required`
        },
        {
        'type': `minLength`,
        'message': `Common Name cannot be less than 2 characters`
        },
        {
        'type': `maxLength`,
        'message': `Common Name cannot be more than 10 characters`
        },
    ]
};

Select all Open in new window

Here's how I am trying to access the form control-

this.signUpForm.controls['dealershipInformationForm'].get('name).get('legalName');

Select all Open in new window

And this is the code to identify the error types and display the corresponding error message.

<span *ngIf="!formCtrl.valid && formCtrl.touched">
    <span *ngFor="let error of errors">
            <strong *ngIf="formCtrl.hasError(error.type)">{{error.message}}</strong>
    </span>
</span>

Select all Open in new window

where

formCtrl = this.signUpForm.controls['dealershipInformationForm'].get('name).get('legalName');

Select all Open in new window

Now, the problme is that I am able to print the error only for REQUIRED, and not for MOINLENGTH or MAXLENGTH.

Please help me out,

I watched a security tutorial at my previous job and one thing that was mentioned was not to have comments in JavaScript code because would-be hackers might see the comments if they do "inspect" in browser.

I'm working on a new project and I see they have the jQuery code in the page itself. Example below.

Should jQuery code be in its own js file (I think it should) and be minified?

how to generate SSRS report /consume in WEBAPI with parameters
 ssrs report  in web api and display in angular js

I am using

https://jsonplaceholder.typicode.com

Select all Open in new window

to test some code which post, get, delete etc.

This works great but I now need to do the same tests with xml.

My question is... Are there any websites like

https://jsonplaceholder.typicode.com

Select all Open in new window

for xml testing?

Is so, what are the urls?

Hi Experts,

Could you please help me in getting the numeric value from the string, currently I am getting characters like asbc.. as well out of the string chars from the given function. Also is there any way to attach current datetime to make it unique if possible.

 public generateRandomString(length: number): string {

    let chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';

    let result = '';

    for (let i = length; i > 0; --i) {

      result += chars[Math.floor(Math.random() * chars.length)];

    }

    return result;

  }

The code below displays rectangle shape and if the 'attribute.dflt' is equal to 1 then the rectangle shape is set to medium style.

<div class="section" style="padding-bottom:20px" ng-repeat="attrs in groupedAttributes track by $index">
	<h6 class="title-attr"><small>{{::attrs[0].attribute | uppercase}}</small></h6> 
        <ul style="list-style:none;padding:0;" ng-repeat="attribute in attrs track by $index">
	        <li style="cursor: pointer;display: inline-block;">
		          <div ng-click="updatePrice(attribute,$index)" ng-style="{ 'border-width':(attribute.dflt===1)?'medium':'thin' }" class="boxed">{{attribute.value}}</div>
	        </li>
        </ul>
</div>

Select all Open in new window

Now if I have more than one rectangle as attached (rectangle.png) then I would like the style to shift from one rectangle to another. For instance, the following:

1) Rectangle [Red]
2) Rectangle [Orange]

Now rectangle red style is medium and rectangle orange style is thin. If I click on rectangle orange then rectangle orange style should switch to medium and rectangle red style switch  to thin. How can I achieve it with my present coding. Your help is kindly appreciated.

Thank You.
rectangle.png

1. I bought this template http://www.tattek.sk/minotaur-dash2/#/app/dashboard
and I'm customizing it.

2. On the link above, click on the "hamburger" on top. You see how the side menu shrinks and the main content expands

3. In my site, the side menu shrinks but the main content doesn't expand

You can see it here:

Site: http://147.75.0.117:88

Login with admin@admin.com / Password321$


4. I checked the Chrome Developer's tool and I see the CSS tag being added


5. I also put debug step in the demo site (I have the code locally from Themefoest).. There's a function setSmallNavigation() but  I commented it out and the demo still worked.

I'm not sure what I'm missing.

WordPress, Plug-ins, PHP, HTML, CSS and Angular 4??

I need to create a new UI on a WordPress site and want to use Angular. I am not a PHP developer, but would consider using PHP if it made this UI something I could more easily package into a WordPress plug-in.

I am a bit confused about how PHP fits into the equation.

Also, when I need to supplement this new UI with a back-end, is PHP the technology I use to communicate with the WordPress site?

Please explain my options.

Thanks.

I've been though this tutorial to get electron to work on an angular 5 project.

As you can see it also installs ngx-electron module.

This has the following properties:

desktopCapturer: Electron.DesktopCapturer - Electron's desktop capturing API
ipcRenderer: Electron.IpcRenderer - Electron IpcRenderer
remote: Electron.Remote - Electron Remote capabilities
webFrame: Electron.WebFrame - Electron WebFrame
clipboard: Electron.Clipboard - Clipboard API
crashReporter: Electron.CrashReporter - Electron's CrashReporter
process: NodeJS.Process - Electron's Process Object
screen: Electron.Screen - Electron's Screen API
shell: Electron.Shell - Electron's Shell API
nativeImage: Electron.NativeImage - Electron's NativeImage API
isElectronApp: boolean - Indicates if app is being executed inside of electron or not


But I don't see how you can use FS ?

How can I use FS in this project with Angular 5 / Electron?

I need help with tiff.js! I'm working in a locked down environment, but any advice would be helpful... I'm able to stream the file into my UI (Angular) when referring to a file in a file folder, but I don't know how to send in a bitstream. Documentation seems to be limited. Any advice on how to send a bit stream (for example, a file from any web site) to a UI using tiff.js?

Thanks,
Luke