[JS] If exist functie

[Verwijderd]

Hi,

Ik ben niet helemaal thuis in het javascript gebeuren, maar het lijkt me dat mijn wens middels een simpel scriptje in vervulling kan worden gebracht.

Ik zal het kort toelichten. Op bepaalde tijdstippen wordt er automatisch een script op een webpagina geschoten vanuit een externe website. Zodra dit blok aanwezig is, moet hieronder een ander beeld worden geladen. Daar wil ik graag een script voor gebruiken.

Laten we zeggen dat het externe script een afbeelding meeschiet. Afbeelding.png
Hoe verwerk ik in een script, dat als afbeelding.png op de website bestaat dat ik anderbeeld.jpeg wil tonen en anders niks.

Ik heb al enig vooronderzoek gedaan, maar dit heeft betrekking op het weergeven van bepaalde teksten. Nogmaals, ik ben niet heel erg thuis in javascript. Dus sorry als deze vraag een beetje dom over komt . Dit heb ik gevonden:

<script type="text/javascript">
//If afbeelding is available display image file.
//Otherwise display a 1x1 pixel.

if (<img src="afbeelding.png">)
{
document.write("Good morning!");
}
else
{
document.write("Good day!");
}
</script>

[Verwijderd]

Hmm, snap niet helemaal wat je wilt, maar als je wilt weten of een image reeds preloaded is, bestaat dit scriptje:

http://snippets.dzone.com/posts/show/89

En ik hoop serieus dat deze regel:

code:

if (<img src="afbeelding.png">)

ter illustratie is van wat je wilt en niet iets wat je daadwerkelijk in je JS script ging proppen...

[moozzuzz]

Je zal meer toelichting moeten geven ivm het "schieten" van scripts, afbeeldingen en blokken. Met name hoe dit technisch gebeurt want wellicht verstaat er nu iedereen iets anders voor.

[djexplo]

JavaScript:

var  id = document.getElementById("plaatje");
if (id != null)
{
// Plaatje bestaat
}

[ Voor 11% gewijzigd door djexplo op 21-01-2011 13:49 ]

[Verwijderd]

Persoonlijjk zou ik een controle als deze gebruiken:

JavaScript:

var img = document.getElementById('plaatje');
if(typeof img != "undefined" && img.src != "undefined") {
    alert('Afbeelding bestaat');
} else {
    alert('Afbeelding bestaat niet');
}

In het ergste geval, mits je een PHP programmeur bent, kun je gebruik maken van phpjs.org.

[S_tef]

indexOf?

[pieturp]

*gedraag je of reageer niet*

[ Voor 100% gewijzigd door MueR op 31-01-2011 17:13 ]

[_Thanatos_]

if(typeof img != "undefined" && img.src != "undefined") {...

Dit is genoeg:

JavaScript:

if (img) {...

[Verwijderd]

_Thanatos_ schreef op zondag 30 januari 2011 @ 20:23:
[...]

Dit is genoeg:

JavaScript:

if (img) {...

Maar als de variabel img niet bestaat (dus undefined) dan krijg je een script error en dat willen we natuurlijk niet

[_Thanatos_]

Bijna: als een variabele niet gedeclareerd is, krijg je een script error. Als een variabele wel gedeclareerd is maar geen waarde heeft, zal de if-constructie false returnen, omdat undefined (naast 0, null, NaN en "") falsey waarden zijn.

[R4gnax]

Verwijderd schreef op vrijdag 21 januari 2011 @ 13:23:
Op bepaalde tijdstippen wordt er automatisch een script op een webpagina geschoten vanuit een externe website. Zodra dit blok aanwezig is, moet hieronder een ander beeld worden geladen. Daar wil ik graag een script voor gebruiken.

Even opnieuw aangehaald voor de duidelijkheid. Het lijkt er namelijk op dat hier nog wat simpel overheen gestapt wordt. Hoe moeten we 'op bepaalde tijdstippen' opvatten? Een automatisch roulerende banner die z'n werk doet wanneer de pagina al geladen is?

Je zit in dat geval namelijk al snel te kijken naar een polling oplossing. Dat houdt in dat je om de zoveel tijd moet controleren of een bepaald element aanwezig is, als het aanwezig is moet controleren of het extra element reeds toegevoegd is, en zo niet: het extra element toevoegen.

Wat meer informatie omtrend het exacte probleem wat hier opgelost moet worden zou wat dat betreft handig zijn.

[darkdeathrip]

Heej ik zou voor weinig kennis zoals ik altijd doe jquery aanraden.
Dit script hieronder zorgt ervoor dat als plaatje.png bestaat,
dan laat hij plaatjenieuw.jpg zien. (kant en klaar)
Ik hoop dat dit is wat je wou, heb je vragen dan hoor ik het graag!

code:

<html>
<head>
    <title>js example tweakers 2</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>!window.jQuery && document.write('<script src="http://code.jquery.com/jquery-1.4.2.min.js"><\/script>');</script>
    <script type="text/javascript"> 
    $(document).ready(function() {
        //als plaatje.png bestaat in ALLE PLAATJES op de site
        $("img").attr("src", "plaatje.png").load(function() {
            $(this).attr("src","plaatjenieuw.jpg");
        });
    });
    </script>
</head>
<body>
    <img src="plaatje.jpg" />
</body>
</html>

[RobIII]

darkdeathrip schreef op dinsdag 01 februari 2011 @ 00:32:

Je bedoelt het goed, maar we hanteren hier een beetje het:

Give a man a fish and feed him for a day. Teach a man how to fish and feed him for a lifetime.

beleid. Alles op een zilveren presenteerblaadje aanreiken is dan ook niet helemaal de bedoeling

[MueR]

darkdeathrip schreef op dinsdag 01 februari 2011 @ 00:32:
Heej ik zou voor weinig kennis zoals ik altijd doe jquery aanraden.

Ja, dan leren ze nooit zelf javascript kloppen.

[darkdeathrip]

Je moet toch ergens beginnen he.
En hier geld weer, topic maker heeft zijn antwoord.
Hierbij staak ik de discussie.

[ Voor 59% gewijzigd door darkdeathrip op 01-02-2011 14:53 ]

[NMe]

darkdeathrip schreef op dinsdag 01 februari 2011 @ 14:41:
Je moet toch ergens beginnen he.
En hier geld weer, topic maker heeft zijn antwoord.
Hierbij staak ik de discussie.

Het antwoord dat iemand hebben wil is niet altijd het antwoord dat hij nodig heeft. En beginnen doe je bij het begin, niet bij jQuery. Je rent toch ook niet eerste de marathon voordat je kan kruipen?