Looking for a javascript map marker plug-in

1. Is there such a JavaScript plug-in that can achieve the following effect? ​​The three objects on the left can be dragged to the map on the right. After dragging to the map and releasing the mouse, a mark will be left on the map (used to Mark the map location), and an editable dialog box will pop ...

怪我咯 2017-05-18 10:49:58 0  1  620

How can I make text turn into a new element (like a divider) when clicked?

I'm trying to find a way to make certain text on the page turn into separators/new elements when clicked. I don't know how to explain it, but like, imagine an image with a title below it - click the title, and then the image above becomes like a text box/different images/scrollable separator. I'm tr...

P粉872101673 2024-04-04 11:21:03 0  1  3808

How to use ReactJS to hide elements

I want to show a text on the screen and hide it only when a button is pressed, but I don't know how to do it. I want to use useState to achieve this effect: const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>The problem I found is that when ...

P粉136356287 2023-09-07 19:21:22 0  2  497

The start and end points of the image

I'm trying to set the start and end points of an image. So I have my canvas and an image and when I put the image into the canvas I want it to light up a little red circle when I hover over the start/end points which means I can create with other images connect. For example: 1) Drag the image. 2) Pl...

P粉511757848 2023-08-31 12:24:51 0  1  581

flex css - clip element after certain height instead of wrapping

The borders represent static height and width. I want item 5 and 6 to stay on the second row and cut off item 3 and 6 instead of wrapping a third time as shown. How can I achieve this with Flex? To complement this problem, the width of the container (displayed with a border) can be resized by user a...

P粉785957729 2024-04-01 14:02:02 0  1  526

PHP: How to copy all images in a subfolder into a single folder (no need to create subfolders!)

For my wife's birthday party, I set up a website where I collected images of party guests and then created a nice book as a keepsake. Guests have an account and upload images to "their" folder. I now have a tool that dynamically creates slideshows from pictures - but unfortunately it canno...

P粉877114798 2024-01-29 09:16:15 0  1  408

JavaScript implements smooth transition from thumbnail to full-width image page

http://manifesto.clapat.com/ If you click on any item on the home page, you will transition from a thumbnail to a full-screen image that will become the title of that item's page. How are these transition effects created and what would be the best way to implement them using internal routing instead...

P粉536532781 2023-09-15 22:09:37 0  1  969

How to right-align images in HTML tables

I've made a Django website and want to display my results like a little form at the top. There is a table on the left and I want to add two pictures and another column to the table on the right. I have designed a diagram to explain better - enter image description here Now I have written the code fo...

P粉555696738 2023-09-02 09:04:11 0  1  632

How to create a carousel using slots?

People keep showing me the same way to create a carousel using an array of images. But this approach is inflexible because I want each slide of the carousel to contain a lightbox component. In this case I don't want to override the functionality of the lightbox for the images I put into the carousel...

P粉817354783 2024-01-10 16:53:13 0  1  429

css3 - css font style plus fill color instead of background color

There is a font style as follows: If you want to add color to the heart instead of the entire span wrapping the heart, the color error will be as follows: The span definition is as follows: {code...} If you add background-color, the picture above will appear. As for the effect, using color directly ...

天蓬老师 2017-06-08 11:02:27 0  2  1269

Title rewritten as: CSS3's 100vh value is not fixed in mobile browsers

I have a very strange problem... In every browser and mobile version I come across, I have this behavior: when loading a page, all browsers have a top menu (like showing the address bar), When you start scrolling the page, it slides up. Sometimes, 100vh is only calculated on the visible part of the ...

P粉682987577 2023-08-21 16:49:22 0  2  508

Arrays in PHP: surprising results when adding new items

So I'm writing code that allows me to collect images collected by the Instaloaderpython library and put them into a gallery on my website. I've managed to collect and display these without any problems, however I've now started implementing headers for each post and I'm running into issues. The way ...

P粉893457026 2024-03-31 14:10:42 0  1  536

Tilt effect bug on hover

I have a button with a tilt effect that has a text inside it and when I hover the button two lines appear next to the button. There is code that hovers over the button until you see it, which is a very random side effect. I think this is a problem with Chrome, but I'm not sure. Here is a picture of ...

P粉520545753 2024-03-29 13:34:50 0  1  359

JavaScript Basics Notes

JavaScript1. The relationship between JS and DOM. The browser has the function of rendering html code. The html source code is formed into a DOM object in the memory, which is the document object. There is a JS interpreter/execution/engine inside the browser. For example, chrome uses the v8 engine. ...

只是没有如果 2018-11-19 20:33:14 0  0  1117

javascript - swiper image cannot be swiped

The subject of the question was written in Vue because there was no requested data, so some fake data was created: This is a dynamically generated img tag and then used on the page: But when I opened chrome and looked at the effect, I found that this cannot be swiped, and only the initial image can ...

黄舟 2017-07-05 10:48:46 0  6  1277

How to allow users to upload or change images on one page and display them on another page?

How to let users upload pictures on one page and then display them on another page? The user can change the image and it will change in other pages as well. Also, I'm talking about using php/js/jquery/mysqli whatever works best. (I'm just a beginner in this field, so I'd appreciate it if you use som...

P粉298305266 2024-04-01 18:33:31 0  1  524

Way to restrict date picker to only accept numbers and hyphens, and restrict other values ​​in Vue

I'm using the vue2-datepickernpm package to handle dates. Date input accepts all letters, numbers and special characters. But I want the input to only accept numbers, hyphens and slashes. I can easily achieve this using normal html input. But how to implement it in date picker? Any help would be gre...

P粉729518806 2023-08-26 14:57:04 0  1  652

When adding sublime3 to compile system php, use the PHP toolbox, cmd php -v is useless

Follow other people's tutorials and add the system variable Path: D:\myphp_www\PHPTutorial\php\php-5.6.27-nts. Use cmd to test php -v. It prompts that php is not an internal or external command, nor is it an operable program. That is to say, the above addition has no effect. If you use cmd to execut...

phpcn_u8340 2017-07-04 07:20:15 0  1  1509

There is already a good solution for automatic search prompts (completion), why reinvent the wheel?

Implementing an intelligent prompt function requires a lot of knowledge in JavaScript, ajax, databases, and jsp/php. If the amount of data is large, special optimization is required. It is not appropriate to spend too much effort on a small function. But is this a dispensable function? It is definit...

panie 2017-06-29 16:03:09 0  1  1812

How to keep title on top of visual viewport after layout/visual viewport changes in Chrome mobile web?

I know there are multiple questions related to this, but none of them seem to be valid anymore since the browser team has made changes since these questions were asked. I'm trying to find the latest solution to this problem. Goal My desire is to have the fixed header stay still on top for an app-lik...

P粉833546953 2024-03-28 00:24:35 0  1  392