While designing a web page especially the header it is important to know to change the content to none to block and vice versa by using Java Script. It will be very helpful when we develop a responsive NavBar. The java script code used for this is as follows:- function toggleFunction() { … Continue reading Change the display block : none to block and vice versa.
Tag: html
Calling suitelet from HTML by AJAX method (Backend function)
function fetchDetails(){ let internalIdArrayCheck=CUSTOM_IF_DETAILED_ARRAY.split(‘_’); if(internalIdArrayCheck.length==1) { console.log(‘CUSTOM_IF_DETAILED_ARRAY’,CUSTOM_IF_DETAILED_ARRAY) $.get(‘/app/site/hosting/scriptlet.nl?script=1525&deploy=1&resultData=’ +dataStringify) } setTimeout(“window.close()”, 50); } In this case, the front-end functionality will be running and closing the window, but the suite let we have called will be triggered in the backend and do the functionality. This helps the front end side much faster.
Project the image gallery to front(150%) without using extra images(while making responsive)
While we are making a site responsive, we can make too many alterations especially while making image gallery responsive. My requirement was to make each of the image project 150% to the front in small devices. One image should occupy the entire row and next image after the other. The cod used here to change… Continue reading Project the image gallery to front(150%) without using extra images(while making responsive)
How to create a watch animation in the website using html an
check the below code. HTML CSS
How to clear the form after submitting in Javascript without using reset
The form allows us to take input from users and manipulate it at the front end or backend side of the application. Also, to provide a good user experience to the application user, we need to reset all the form data once the user submits the form. Example: In the example below, we have created… Continue reading How to clear the form after submitting in Javascript without using reset
Creating a responsive “timeline” using CSS
We can easily create a timeline using some basic HTML and CSS. HTML Code is used to create a basic structure of the timeline and CSS code is used to set the style. Step 1) Add HTML: Example code: Step 2) Add CSS:
CSS Comments
CSS comments are not displayed in the browser, but they can help document your source code. Comments are used to explain the code, and may help when you edit the source code at a later date. Comments are ignored by browsers. A CSS comment is placed inside the <style> element, and starts with /* and ends with */: Example: Output:… Continue reading CSS Comments
.wrap() function
The .wrap() function can take any string or object that could be passed to the $() factory function to specify a DOM structure. This structure may be nested several levels deep, but should contain only one inmost element. A copy of this structure will be wrapped around each of the elements in the set of… Continue reading .wrap() function
Animate the background of the Progress bar using CSS
We can change the background of the webpage by animating the progress bar using CSS we’re going to animate the progress bar created with the HTML <progress> tag, background
Add HTML to Suitelet form
To add HTML to your Suitelet form, use Form.addField(options) to add a field to the form. Specify the field type as INLINEHTML and use the Field.defaultValue property to set the HTML value.