CSS ਅਤੇ JavaScript ਨਾਲ ਪਾਠ ਜਾਂ ਚਿੱਤਰ ਦਿਖਾਓ ਅਤੇ ਓਹਲੇ ਕਰੋ

ਆਪਣੀਆਂ ਵੈਬਸਾਈਟਾਂ ਤੇ ਐਪਲੀਕੇਸ਼ਨ-ਸਟਾਇਲ ਦਾ ਅਨੁਭਵ ਬਣਾਓ

ਡਾਈਨੈਮਿਕ HTML (DHTML) ਤੁਹਾਨੂੰ ਆਪਣੀਆਂ ਵੈਬਸਾਈਟਾਂ ਤੇ ਐਪਲੀਕੇਸ਼ਨ-ਸਟਾਇਲ ਦਾ ਅਨੁਭਵ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ, ਬਾਰੰਬਾਰਤਾ ਨੂੰ ਘਟਾਉਣ ਨਾਲ, ਪੂਰੇ ਪੰਨਿਆਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣਾ ਪੈਂਦਾ ਹੈ. ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿਚ, ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਚੀਜ਼ 'ਤੇ ਕਲਿੱਕ ਕਰਦੇ ਹੋ, ਤਾਂ ਅਰਜ਼ੀ ਤੁਰੰਤ ਉਸ ਵਿਸ਼ੇਸ਼ ਸਮਗਰੀ ਨੂੰ ਦਿਖਾਉਣ ਲਈ ਬਦਲਦੀ ਹੈ ਜਾਂ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਜਵਾਬ ਦੇ ਸਕਦੀ ਹੈ

ਇਸਦੇ ਉਲਟ, ਵੈੱਬਪੇਜਾਂ ਨੂੰ ਮੁੜ ਲੋਡ ਕਰਨਾ ਪੈਂਦਾ ਹੈ ਜਾਂ ਇੱਕ ਪੂਰਾ ਨਵਾਂ ਪੇਜ਼ ਲੋਡ ਕਰਨਾ ਹੁੰਦਾ ਹੈ. ਇਸ ਨਾਲ ਉਪਭੋਗਤਾ ਦਾ ਤਜ਼ਰਬਾ ਹੋਰ ਜਿਆਦਾ ਅਸਥਿਰ ਹੋ ਸਕਦਾ ਹੈ. ਤੁਹਾਡੇ ਗਾਹਕਾਂ ਨੂੰ ਪਹਿਲੇ ਪੰਨੇ ਨੂੰ ਲੋਡ ਕਰਨ ਦਾ ਇੰਤਜ਼ਾਰ ਕਰਨਾ ਪਵੇਗਾ ਅਤੇ ਫੇਰ ਦੂਜੀ ਪੰਨੇ ਨੂੰ ਲੋਡ ਕਰਨ ਲਈ ਉਡੀਕ ਕਰਨੀ ਪਵੇਗੀ, ਅਤੇ ਇਸੇ ਤਰਾਂ.

& Lt; div & gt; ਦਰਸ਼ਕ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ

ਇਸ ਅਨੁਭਵ ਵਿੱਚ ਸੁਧਾਰ ਕਰਨ ਦੇ ਸਭ ਤੋਂ ਸੌਖੇ ਢੰਗਾਂ ਵਿੱਚੋਂ ਇੱਕ ਡੀਐਚਐਲਆਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ, ਜਦੋਂ ਉਸ ਤੋਂ ਬੇਨਤੀ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿ ਸਮੱਗਰੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਵਿਵਿਧ ਤੱਤਾਂ ਨੂੰ ਚਾਲੂ ਅਤੇ ਬੰਦ ਕਰਨਾ ਹੈ. ਇੱਕ div ਤੱਤ ਤੁਹਾਡੇ ਵੈਬਪੰਨੇ ਤੇ ਲਾਜ਼ੀਕਲ ਵੰਡਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕਰਦਾ ਹੈ. ਇਕ ਡਵੀਜ਼ਨ ਨੂੰ ਇਕ ਡੱਬੇ ਦੇ ਰੂਪ ਵਿਚ ਵਿਚਾਰੋ ਜਿਸ ਵਿਚ ਪੈਰਿਆਂ, ਸਿਰਲੇਖਾਂ, ਲਿੰਕਾਂ, ਤਸਵੀਰਾਂ ਅਤੇ ਹੋਰ ਚੀਜ਼ਾਂ ਸ਼ਾਮਲ ਹੋ ਸਕਦੀਆਂ ਹਨ.

ਤੁਹਾਨੂੰ ਕੀ ਚਾਹੀਦਾ ਹੈ

ਇੱਕ ਡੀਵੀ ਬਣਾਉਣ ਲਈ ਜਿਸ ਨੂੰ ਚਾਲੂ ਅਤੇ ਬੰਦ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਤੁਹਾਨੂੰ ਹੇਠ ਲਿਖੇ ਦੀ ਜ਼ਰੂਰਤ ਹੈ:

ਕੰਟਰੋਲ ਲਿੰਕ

ਕੰਟਰੋਲਿੰਗ ਲਿੰਕ ਸਭ ਤੋਂ ਸੌਖਾ ਹਿੱਸਾ ਹੈ. ਬੱਸ ਇਕ ਲਿੰਕ ਬਣਾਉ ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਕਿਸੇ ਹੋਰ ਪੰਨੇ 'ਤੇ. ਹੁਣ ਲਈ, ਐਰੇ ਗੁਣ ਨੂੰ ਖਾਲੀ ਛੱਡੋ.

ਸਿੱਖੋ HTML

ਇਸ ਨੂੰ ਆਪਣੇ ਵੈਬਪੰਨੇ 'ਤੇ ਕਿਤੇ ਵੀ ਰੱਖੋ.

ਵੇਖੋ ਅਤੇ ਓਹਲੇ ਕਰਨ ਲਈ ਡਿਵ

ਉਸ ਵਿਭਾਗੀ ਤੱਤ ਨੂੰ ਬਣਾਓ ਜਿਸਨੂੰ ਤੁਸੀਂ ਦਿਖਾਉਣਾ ਅਤੇ ਲੁਕਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ. ਇਹ ਨਿਸ਼ਚਤ ਕਰੋ ਕਿ ਤੁਹਾਡੇ ਡੀਵੀਵ ਕੋਲ ਉਸ ਉੱਤੇ ਇੱਕ ਵਿਲੱਖਣ id ਹੈ. ਉਦਾਹਰਨ ਵਿੱਚ, ਵਿਲੱਖਣ id HTML ਸਿੱਖ ਰਿਹਾ ਹੈ

ਇਹ ਸਮਗਰੀ ਕਾਲਮ ਹੈ. ਇਹ ਸਪੱਸ਼ਟੀਕਰਨ ਟੈਕਸਟ ਨੂੰ ਛੱਡ ਕੇ ਇਹ ਖਾਲੀ ਰਹਿ ਜਾਂਦਾ ਹੈ. ਚੁਣੋ ਕਿ ਖੱਬੇ ਪਾਸੇ ਨੇਵੀਗੇਸ਼ਨ ਕਾਲਮ ਵਿਚ ਤੁਸੀਂ ਕੀ ਸਿੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ. ਪਾਠ ਹੇਠਾਂ ਦਿੱਸੇਗਾ :

HTML ">

html ਸਿੱਖੋ
  • ਮੁਫ਼ਤ HTML ਸ਼੍ਰੇਣੀ
  • HTML ਟਿਊਟੋਰਿਅਲ
  • XHTML ਕੀ ਹੈ?

    ਡੀ.ਈ. ਐਸ ਵੇਖੋ ਅਤੇ ਓਹਲੇ ਨੂੰ ਛੁਪਾਓ

    ਆਪਣੇ CSS ਲਈ ਦੋ ਕਲਾਸਾਂ ਬਣਾਓ: ਇੱਕ ਨੂੰ div ਅਤੇ ਇਸ ਨੂੰ ਦਿਖਾਉਣ ਲਈ ਦੂਜੇ ਨੂੰ ਲੁਕਾਉਣ ਲਈ. ਤੁਹਾਡੇ ਕੋਲ ਦੋ ਵਿਕਲਪ ਹਨ: ਡਿਸਪਲੇ ਅਤੇ ਦਿੱਖ

    ਡਿਸਪਲੇਅ ਪੇਜ਼ ਫਲੋ ਤੋਂ ਡਿਵਾਈ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ, ਅਤੇ ਦਿੱਖ ਸਿਰਫ ਇਸ ਨੂੰ ਬਦਲਦੀ ਹੈ ਕਿ ਇਹ ਕਿਵੇਂ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ. ਕੁਝ ਕੋਡਰ ਡਿਸਪਲੇਅ ਪਸੰਦ ਕਰਦੇ ਹਨ , ਲੇਕਿਨ ਕਈ ਵਾਰ ਦ੍ਰਿਸ਼ਟਤਾ ਦਾ ਮਤਲਬ ਬਣਦਾ ਹੈ, ਵੀ. ਉਦਾਹਰਣ ਲਈ:

    .hidden {display: none; }. ਅਨਾਜਿਤ {ਡਿਸਪਲੇ: ਬਲਾਕ; }

    ਜੇ ਤੁਸੀਂ ਦਿੱਖ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇਹਨਾਂ ਵਰਗਾਂ ਨੂੰ ਇਹਨਾਂ ਵਿੱਚ ਤਬਦੀਲ ਕਰੋ:

    .hidden {ਦ੍ਰਿਸ਼ਟਤਾ: ਓਹਲੇ; }. ਅਨਾਜਿਤ {ਦ੍ਰਿਸ਼ਟਤਾ: ਦ੍ਰਿਸ਼ਟੀ; }

    ਆਪਣੇ ਵਿਜੇ ਨੂੰ ਲੁਕਾਏ ਹੋਏ ਵਰਗ ਨੂੰ ਜੋੜੋ ਤਾਂ ਜੋ ਇਹ ਪੰਨੇ 'ਤੇ ਲੁਕਿਆ ਹੋਵੇ:

    class = "ਲੁਕਿਆ" >

    ਜਾਵਾਸਕ੍ਰਿਪਟ ਇਹ ਕੰਮ ਕਰਨ ਲਈ

    ਇਹ ਸਭ ਸਕ੍ਰਿਪਟ ਤੁਹਾਡੇ ਵਿਭਾਜਨ ਤੇ ਮੌਜੂਦਾ ਕਲਾਸ ਨੂੰ ਵੇਖਦੀ ਹੈ ਅਤੇ ਇਸਨੂੰ ਛੁਪਾਏ ਜਾਣ ਲਈ ਤੰਗ ਕਰਦੀ ਹੈ ਜੇ ਇਹ ਲੁਕਾਇਆ ਜਾਂ ਉਲਟ ਮਾਰਕ ਹੈ

    ਇਹ ਜਾਵਾ-ਸਕਰਿਪਟ ਦੀਆਂ ਕੁਝ ਹੀ ਲਾਈਨਾਂ ਹਨ. ਆਪਣੇ HTML ਦਸਤਾਵੇਜ਼ ਦੇ ਸਿਰਲੇਖ ਹੇਠ ਰੱਖੋ ( ਟੈਗ ਤੋਂ ਪਹਿਲਾਂ: